對屬性特性操作的三個主要方法(創建,設置,刪除)
每個元素都有一個或多個特性,這些特性給相應元素或內容附加信息。操作特性的DOM的方法主要有三種
分別是getAttribute()、setAttribute()、removeAttribute().
getAttribute()方法主要用於獲取屬性值
任何元素的所有屬性,也都可以通過getAttirbute方法來獲取器屬性值。
例如:
在HTML中:<div id="mydiv" class="class" mychakk="mychakk" title="mytitle"></div>
js代碼:var div = document.getelementbyid(‘mydiv");
alert(div.getAttribute("class")); //class
alert(div.getAttribute("mychakk")); //mychakk
alert(div.getAttribute("title")); //mytitle
同樣,任何屬性也可以通過DOM元素本身的屬性來訪問自己的屬性,但它只能訪問公認的屬性。
例如:
在HTML中:<div id="mydiv" align="left" mychakk="mychakk"></div>
js代碼: alert(div.id); //mydiv
alert(div.align); //left
alert(div.mychakk); //undefined
setAttribute方法用於設置元素的特性
這個方法接受2個參數:要設置的特性名和值。
如果特性已經存在,該特性會被特換;如果不存在,該特性會被創建。
例如:
在HTML中: <div id="myid" ></div>
js代碼: var div = getelementbyid("mydiv");
div.setAttribute("id","someOtherid");
div.setAttribute("title","Some other text");
div.setAttribute("lang","fr");
同樣也可以像下面那樣添加屬性,其效果一樣。
div.id="someOtherid"
div.align="left"
removeAttribute方法用於刪除元素的特性。
調用這個方法可以清除特性的值,而且還可以從元素中徹底刪除該特性。
例如:
div.removeAttribute("class");
對屬性特性操作的三個主要方法(創建,設置,刪除)