您好,欢迎访问一九零五行业门户网

DOM节点的属性有哪些

本文章将分享有关dom节点的属性的知识,有一定的参考价值,希望对大家有所帮助
dom节点根据它类别的不同因而具有不同的属性。比如对于标签的元素节点3499910bf9dac5ae3c52d5ede7383485具有与链接相关的属性,对于d5fd7aea971a85678ba271703566ebfd标签的具有与输入相关的属性等等。文本节点与元素节点不同,但是在它们之间也存在许多共同的属性和方法,因为所有dom节点都会形成单个层次结构。每个dom节点都属于相应的内置类。
结构层次(树形)
(1)根是eventtarget,它由node继承 ,其他dom节点从它继承。
(2)eventtarget是根“抽象”类,而且永远不会创建该类的对象,因为它是所有节点的基础,所以所有dom节点都支持
(3)node 同样也是一个“抽象”类,用作dom节点的基础。它的核心是parentnode,nextsibling,childnodes等,同样node也不会创建类的对象,但是会有一些从中继承具体节点的类,比如text用于文本节点,element用于元素节点
(4)element 是dom元素的基础,它提供如getelementsbytagname,queryselector等方法
nodetype属性
表示该节点的类型,只返回这个div的所有元素节点
调用 nodetype 返回的是数字
元素节点 (通常指一对开闭合标签的元素)—— 1
属性节点(元素节点上的属性) —— 2 
文本节点 (dom中用于呈现文本的部分)—— 3
注释节点(注释部分的节点) —— 8
document —— 9
documentfragment —— 11
<div><p>123</p><i></i><span></span></div> <script type="text/javascript">var div=document.getelementsbytagname("div")[0];</script>

nodename属性
给定一个dom节点,我们可以从nodename或者tagname属性中读取它的标签名称;
注意:tagname属性仅适用于element节点中,而nodename节点是相对于任何定义node节点。
<div><p>123</p><i></i><span></span></div> <script type="text/javascript"> var div=document.getelementsbytagname("div")[0];</script>
nodevalue属性
text 文本节点或 comment 注释节点的文本内容,可读写
<div><p>123</p><i></i><span></span></div> <script type="text/javascript">var div=document.getelementsbytagname("div")[0];</script>

总结:以上就是本篇文章全部的内容了,希望对大家学习dom属性有所帮助。
以上就是dom节点的属性有哪些的详细内容。
其它类似信息

推荐信息