首页 / HTML / HTML DOM-->节点常用的属性

HTML DOM-->节点常用的属性

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了HTML DOM-->节点常用的属性，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1584字，纯文字阅读大概需要3分钟。

内容图文

1.节点共有的属性

　　nodeName、nodeType、nodeValue

技术分享图片

　　举例：

            <!
            DOCTYPE html
            >
            <
            html
            >
            <
            head
            >
            <
            meta 
            charset
            ="utf-8"
            >
            <
            title
            >js_excise</title><script src="./js/js_excise.js" type="text/javascript" charset="utf-8"></script></head><body style="height: 187.5rem;"><button id="in" style="background-color: red;">更新</button><input  type="text" name="Text" placeholder="please your name" my=‘abner‘><script type="text/javascript">var jsDiv = document.getElementById(‘in‘)
            console.log(‘属性节点：‘,jsDiv)
            console.log(‘nodeName:‘,jsDiv.nodeName)
            console.log(‘nodeType:‘,jsDiv.nodeType)
            console.log(‘nodeValue:‘,jsDiv.nodeValue)
        </script></body></html>

　　输出：

技术分享图片

 

 2.节点层次关系属性

　　1>获取当前元素节点的所有的子节点

            var childNodesArray = jsDiv.childNodes;
console.log(childNodesArray);

　　2>获取当前元素节点的第一个子节点

            var firstchildNode = jsDiv.firstchild;
console.log(firstchildNode);

　　3>获取当前元素节点的最后一个子节点

            var lastchildNode = jsDiv.lastchild; 
console.log(lastchildNode);

　　4>获取该节点的文档的根节点，相当于document

var rootNode = jsDiv.ownerDocument; 
console.log(rootNode);

　　5>获取当前节点的父节点

var parentNode = jsDiv.parentNode; 
console.log(parentNode);

　　6>获取当前节点的前一个同级节点

var previousNode = jsDiv.previousSibling; 
console.log(previousNode);

　　7>获取当前节点的后一个同级节点

var nextNode = jsDiv.nextSibling; 
console.log(nextNode);

　　8>获取当前节点的所有的属性节点

var jsInput = document.getElementById("put");
var allAttributesArry = jsInput.attributes; 
console.log(allAttributesArray);

节点常用的属性' ref='nofollow'>HTML DOM-->节点常用的属性

原文：https://www.cnblogs.com/abner-pan/p/12748227.html

内容总结

以上是互联网集市为您收集整理的HTML DOM-->节点常用的属性全部内容，希望文章能够帮你解决HTML DOM-->节点常用的属性所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1246438.html

来源：【匿名】