1. 程式人生 > >對屬性特性操作的三個主要方法(創建,設置,刪除)

對屬性特性操作的三個主要方法(創建,設置,刪除)

title fin 有一個 例如 徹底刪除 n) 清除 move 多個

每個元素都有一個或多個特性,這些特性給相應元素或內容附加信息。操作特性的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");

對屬性特性操作的三個主要方法(創建,設置,刪除)