本篇文章给大家分享的是有关什么是javascript节点,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
javascript节点是指页面中所有的内容,包括标签、属性、文本,其中javascript元素节点的获取方法有:1、getElementById()方法;2、getElementsByClassName()方法等等。
JavaScript中的节点是页面中所有的内容(标签、属性、文本(文字、换行、空格、回车)),Node。
我们常用的节点标签:
元素节点(标签)
文本节点
属性节点(标签里的属性)
节点的获取
元素节点获取有很多方法
Document.getElementById()
Document.getElementsByClassName()
Document.getElementsByTagName()
Document.querySelector()
Document.querySelectorAll()
属性节点的获取
元素.attributes 获取元素身上所有属性构成的集合
元素.setAttribute(“属性名”,“属性值”)给元素设置属性和属性值
元素.getAttribute(“属性名”)获取属性值的方法
元素.removerAttribute("属性")删除属性
文本节点
没有获取的方法,没有意思
获取元素的子节点
元素.childNodes 这个属性有兼容性,标准浏览器会获取文本节点,而低版本浏览器不会。所以建议使用 children这个属性获取单个子节点。
获取第一个子节点:
标准下 元素.firstElementChild 非标准下 元素.firstChild
兼容写法
var list=document.getElementById("list") var fist=listElementChild||list.fistChild console.log(fist)
获取最后一个子节点
元素.lastElementChild 元素.lastChild
获取是一个兄弟节点
元素.previousSibling 元素.prevElementSibling
获取下一个兄弟节点
元素.nextSibling 元素.nextElementSibling
获取父节点
元素.parentNode 没有兼容性
元素.parentNode.parentNode
区分 offsetparent和parentNode
DOM2创建节点
1、生成节点的方法 document。createElement(“div”)
2、插入节点的方法
父节点.appendChild(新节点)
在父节点子节点的后面插入新的节点
3、在指定位置插入新的节点
(1)父元素.insetBefore(新节点,谁的前面) 将新节点插入指定元素前面
4、删除元素节点 父元素.removerChild()
以上就是什么是javascript节点,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。