<!DOCTYPE html><html><head><meta charset="utf-8"><title>attribute</title><script type="text/javascript">//var /vɑr///alert /əˈlɜːrt/// document /ˈdɒkjumənt/// onload /ˌɒnˈləʊd/// getElementById /ɡet elɪmənt baɪ ˌaɪ ˈdiː/// nodeType / noʊd taɪp/// nodeName / noʊd neɪm/// nodeValue / noʊd vælju/// attributes /əˈtrɪbjuːt s/// getNamedItem /ɡet neɪmd aɪtəm //*nodeType nodeName nodeValue元素节点 1 标签名 null属性节点 2 元素名 属性值文本节点 3 #text 文本内容*/// attributes属性:获取当前元素节点上的所有属性,这里的是个集合// 集合特点:无序 不重复window.onload = function(){var Odiv = document.getElementById("id1");// alert(Odiv.attributes); //object NamedNodeMap// getNamedItem属性,获取一个完整的属性节点//方法一// alert(Odiv.attributes.getNamedItem("title")); //[object Attr]// alert(Odiv.attributes.getNamedItem("title").nodeType); //2// alert(Odiv.attributes.getNamedItem("title").nodeName); //title// alert(Odiv.attributes.getNamedItem("title").nodeValue); //title3//方法二alert(Odiv.attributes["title"]); //[object Attr]alert(Odiv.attributes["title"].nodeType); //2alert(Odiv.attributes["title"].nodeName); //titlealert(Odiv.attributes["title"].nodeValue); //title3}</script></head><body><div id="id1" class="class2" title="title3">这是一个div</div></body></html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。