javascript节点是什么-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

javascript节点是指页面中所有的内容，包括标签、属性、文本，其中javascript元素节点的获取方法有：1、getElementById()方法；2、getElementsByClassName()方法等等。

本文操作环境：Windows7系统、javascript1.8.5版，DELL G3电脑

JavaScript中的节点是页面中所有的内容（标签、属性、文本（文字、换行、空格、回车）），Node。

我们常用的节点标签：

节点的获取

元素节点获取有很多方法

属性节点的获取

文本节点

没有获取的方法，没有意思

获取元素的子节点

元素.childNodes 这个属性有兼容性，标准浏览器会获取文本节点，而低版本浏览器不会。所以建议使用 children这个属性获取单个子节点。

获取第一个子节点：

1 2	`标准下　　元素.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（）

【推荐学习：js基础教程】

以上就是javascript节点是什么的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者