dom的element类型

Posted Kooing

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了dom的element类型相关的知识,希望对你有一定的参考价值。

1)getElementById

后面的nodeName和tagName都一样

            var a=document.getElementById("my_div");
            console.log(a.nodeName,a.tagName);

元素中的class还js中会变成className

元素中的属性会在js代码中被修改

            var a=document.getElementById("my_div");
            a.className="fuck";
            console.log(a);

本来可以通过对象。属性来访问数据的

后来又知道了另外的一种方法

变量.getAttribute()

变量.setAttribute()

变量.removeAttribute()

            var a=document.getElementById("my_div");
            console.log(a.getAttribute("class"),a.getAttribute("id"));

上面的getAttribute在获取class又用回他自己的原来的class 而不是className

如果要读取自定义的属性,只能getAttribute(自定义的属性通常在前面加data-)

        <div id="my_div" class="ff" data-data="me"></div>
        <script type="text/javascript">
            var a=document.getElementById("my_div");
            console.log(a.getAttribute("data-data"));

getAttribute有两种不能返回1style2onclick等事件

还有后来在js代码上加上去的也不可以

            a.color="red";
            console.log(a.color);//ok
            console.log(a.getAttribute(a.color));

除非用他的朋友setAttribute


element的attribute属性

和上面的有点什么。。。get,remove,set  后面改了NamedItem

            var b=document.getElementById("my_div");
//            var a=b.attributes.getNamedItem("id").nodeValue;
            var a=b.attributes["id"];
            console.log(a);

那个getNamedItem可以用方括号[]代替,而且可以通过a.attributes["id"].nodeValue="ddddd"直接来修改

attributes属性其他方法

removeNamedItem()

setNamedItem()

上面的attribute属性一般不用,用上面的attribute方法

 

以上是关于dom的element类型的主要内容,如果未能解决你的问题,请参考以下文章

如何在 DOM Element 上明智地构建这个函数类型?

深入理解DOM节点类型第四篇——文档片段节点DocumentFragment

dom4j 不兼容的类型: java.util.List (org.dom4j.Node)无法转换为java.util.List(org.dom4j.Element)

DOM二

JavaScript之DOM

Java DOM Element,如何找到 Element 值的实际数据类型?截至目前,一切都被视为字符串