JavaScript怎么获取id属性
這篇文章主要介紹JavaScript怎么獲取id屬性,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
在js中,可以使用getAttribute方法獲取id屬性,語法格式為“對(duì)象.getAttribute(id名稱)”。“getAttribute()”方法是一個(gè)函數(shù),它只有一個(gè)參數(shù)(打算查詢的屬性名字),通過元素節(jié)點(diǎn)對(duì)象調(diào)用。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
只要使用getAttribute("id")函數(shù)即可獲取元素的id值
在找到那個(gè)元素后,我們就可以利用getAttribute()方法把它的各種屬性的值查詢出來。
getAttribute()方法是一個(gè)函數(shù)。它只有一個(gè)參數(shù)--你打算查詢的屬性的名字:
不過,getAttribute()方法不能通過document對(duì)象調(diào)用,這與我們此前介紹過的其他方法不同。我們只能通過一個(gè)元素節(jié)點(diǎn)對(duì)象調(diào)用它。
例如,你可以把它與getElementsByTagName()方法結(jié)合起來,去查詢每個(gè)
語法:
element.getAttribute(attributename)
實(shí)例:
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title>document</title>
</head>
<body>
讀取<ahref="dom_obj_attributes.php"target="_blank">Attr對(duì)象</a>.
<pid="demo">單擊按鈕以顯示上述鏈接的目標(biāo)屬性的值</p>
<buttononclick="myFunction()">點(diǎn)我</button>
<script>
functionmyFunction(){
vara=document.getElementsByTagName("a")[0];
document.getElementById("demo").innerHTML=a.getAttribute("target");
}
</script>
</body>
</html>
效果:
擴(kuò)展資料:
一份文檔就是一棵節(jié)點(diǎn)樹。
節(jié)點(diǎn)分為不同的類型:元素節(jié)點(diǎn)、屬性節(jié)點(diǎn)和文本節(jié)點(diǎn)等。
getElementById()方法將返回一個(gè)對(duì)象,該對(duì)象對(duì)應(yīng)著文檔里的一個(gè)特定的元素節(jié)點(diǎn)。
getElementsByTagName()方法將返回一個(gè)對(duì)象數(shù)組,它們分別對(duì)應(yīng)著文檔里的一個(gè)特定的元素節(jié)點(diǎn)。
這些節(jié)點(diǎn)中的每個(gè)都是一個(gè)對(duì)象。
總結(jié)
以上是生活随笔為你收集整理的JavaScript怎么获取id属性的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Linq之Lambda表达式初步认识
- 下一篇: Excel如何导入Unix格式时间戳(年