在上一篇關于《JavaScript中幾個操作元素對象的函數方法国产视频app》文章中記錄了分別通過元素的ID屬性,元素的標簽名,Class類名來獲取元素的節點對象。

JavaScript中獲取和修改元素屬性的值

国产视频app今天記錄兩個函數可以用來獲取和修改獲取的元素對象的屬性的值。

getAttribute()函數方法

getAttribute()是一個函數,并且它只有一個參數值,這個參數值就是你所要查詢的元素對象的名字,比如元素的“title”屬性等。

注意:getAttribute()不屬于document(文檔)對象函數方法,它只能通過元素節點對象函數調用,

比如

getELementById()
getElementsByTagName()
getElementsByClassName()

語法:

el.getAttribute(name);
//name:必須,元素的屬性的名字


類似語法:

getElementById.getAttribute("title");

例子:

国产视频app獲取文檔中的ID屬性為“li1”的列表項的“title”屬性的值

HTML代碼:

<ul>
<li id="li1" title="feiniaomy"></li>
<li></li>
</ul>

JS代碼:

var mochuid = document.getElementById("li1"); //獲取ID為"li1"的元素對象
var mochutitle = mochuid.getAttribute("title"); //獲取mochuid中的title屬性的值
alert(mochutitle);//輸出“title”的值

国产视频app結果輸出:feiniaomy

setAttirbute()函數方法

javascript中給我們提供了一個可以改變元素對象的屬性的值的函數方法--setAttirbute(),它的寫法和上面那個的函數寫法有點想似,但一定得區分開。

setAttribute()函數與getAttribute()函數一樣,只能用于元素節點對象,但是不同的是它可以改變元素節點對象的屬性的值,并且它帶有兩個參數。

語法:

el.setAttribute(name1,name2);
// name1:必須,要設置的屬性名
// name2:必須,要設置的屬性值

類似語法:

getElementById.setAttribute("title","mochu");

例子:

獲取文檔中的ID屬性為“li1”的列表項的“title”屬性的值,并把“title”的值改為"mochu"

HTML代碼:

<ul>
<li id="li1" title="feiniaomy"></li>
<li></li>
</ul>

JS代碼:

var mochuid = document.getElementById("li1"); //獲取ID為"li1"的元素對象
var mochutitle = mochuid.getAttribute("title"); //獲取mochuid中的title屬性的值,可省略
alert(mochutitle);//輸出未改變前的值
var mochusettitle = mochuid.setAttribute("title","mochu");//改變屬性的值
alert(mochusettitle);//輸出改變之后的值

結果會輸出:mochu

注意:如果setAttribute()方法的的第一個參數中的屬性名稱在元素節點對象中沒有,那么就會先創建其屬性而后賦值。

国产视频app注:以上內容來源本博主的自學筆記,如有錯誤還請在下方的評論中指出,謝謝哈!