《DOM程式設計藝術》中CSS DOM的總結（二）

前言：接上篇，本篇有兩個內容：乙個是demo：當滑鼠hover到**的一行上時這行**字型加粗。。。好了，廢話少說，開始！！！

－－－－－－－－－－－－－－－－－－嚴肅的分割線－－－－－－－－－－－－－－－－－－

需求：建立乙個**，當滑鼠hover到一行上時，改變這行中字型的樣式，滑鼠移走恢復原樣。

這是乙個**

when
where
9月9日
北京路25號人民廣場
10月9日
南京路28號人民博物館
11月9日
上海路20號人民藝術中心

table 

caption 
th th,
td

－首先判斷瀏覽器支不支援getelementsbytag

－其次獲取所有的tr標籤

－然後遍歷，取出每乙個tr標籤，新增onmouseover事件和onmouseout事件，後面用匿名函式執行樣式更換操作。

function highlightrows()

var trlist = document.getelementsbytagname("tr");
for(var i = 0; i < trlist.length; i++)
trlist[i].onmouseout = function()
}}

function addloadevent(func)else

}}

addloadevent(highlightrows);

這是乙個**
when
where
9月9日
北京路25號人民廣場
10月9日
南京路28號人民博物館
11月9日
上海路20號人民藝術中心

《DOM程式設計藝術》中CSS DOM的總結（一）

前言 前面是純總結，後面實現了乙個用dom改變樣式的demo。開始 html文件中每個元素節點都有乙個style屬性，style屬性包含著元素的樣式，查詢這個這個屬性將會返回乙個物件，節點對應的樣式都存放在這個style屬性裡。乙個demo 可以彈出彈窗，返回標籤應用的css樣式 an exampl...

DOM程式設計藝術（動畫）

1 實現方式 gif flash css3 js2 三要素 物件dom物件 屬性 定時器 setinterval settimeout requestanimationframe setinterval var intervalid setinterval func,delay param1,par...

DOM程式設計藝術 position屬性

position屬性的合法值有static fixed relative和absolue四種。static是position屬性的預設值，意思是有關元素將按照它們在標記裡出現的先後順序出現在瀏覽器視窗裡。relative的含義魚static相似，區別是position屬性等於relative的元素還...