什么是javascript节点

本篇文章给大家分享的是有关什么是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节点，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。