DOM --一起学习Element类型与Text类型

版权声明：本文为博主原创文章，若文章中有错误请联系博主改正，请不要恶意留言(不喜欢请绕道)。欢迎大家转载，转载时请注明原文地址:https://blog.csdn.net/qq_37674616/article/details/82432868

目录

Element类型

特征

属性

方法

Text类型

特性

属性

方法

---

Element类型

特征

 nodeType的值为   1

nodeName的值为元素的标签名

nodeValue的值为null

parentNode可能是Document或Element

下面图为Element的继承图：

属性

attributes

该属性返回注册到指定节点的所有属性节点的实时集合。它是NamedNodeMap
示例

                <p></p>
                <p></p>
               <script>
                        //获取第一个p标签
                    var p=document.getElementsByTagName('p')[0];
                    var atts=p.attributes;
                    console.log(atts);//NamedNodeMap {length: 0}
                </script>

tagName

返回调用它的元素的标签名称
 示例

                <span id="span">this is a span</span>
                <script>
                    var sp=document.getElmentById('span');
                    console.log(sp.tagName);
                </script>

 name

 获取或设置nameDOM中元素的属性。它近适用于以下元素:<a>,<applet>,<button>,<form>,<frame>,<img>,<input>,<map>,<meta>,<select>,<textarea>
示例

                <form action="" name="formA">
                      <input type="text" value="foo">
                </form>
                <script>
                    var input=document.forms['formA'].children[0];
                    input.name='inputA';
                    console.log(input.name); //"inputA" 
                </script>

 className

获取并设置指定元素的class属性的值
 示例

                //<div id="div1"></div>
                var div1=document.getElementById('div1');
                if(div1.className=='active'){
                    div1.className="";
                }else{
                    div.className="active"
                }

 id

该属性表示元素的标识符，反映了id的全局属性
 示例

                <div id="one"></div>
                <script>
                    var div=document.getElementById('one');
                    var idstr=div.id //获取
                    console.log(idstr); //one
                    div.id='two' //设置
                    console.log(div.id); //two
                </script>