JS节点（node）

什么是节点：

页面中所有的东西都是节点，所有的节点都是对象

节点名	nodeType	nodeName	nodeValue
元素节点	1	大写的标签名	null
文本节点	3	‘#text’	文本的内容
注释节点	8	‘#comment’	注释的内容
文档节点	9	‘#document’	null

元素节点就是页面中的标签
文本节点包括内容、空格、回车(换行)
注释节点就是你写的注释
文档节点就是整个大文档(整个页面)
localName 小写标签名
tagName 大写标签名

操作节点的属性

childNodes ：获取的所有的子节点
children ：获取所有的元素子节点（子元素标签集合）（在IE6~8下不兼容）
firstChild ：获取第一个子节点
lastChild ：获取最后一个子节点
firstElementChild ：获取第一个元素子节点（在IE6~8下不兼容）
lastElementChild ：获取最后一个元素子节点（在IE6~8下不兼容）
previousSibling ：获取上一个同级节点（获取上一个哥哥节点）
nextSibling ：获取下一个同级节点（获取下一个弟弟节点）
previousElementSibling：获取上一个同级元素节点（在IE6~8下不兼容）（获取哥哥元素节点）
nextElementSibling ：获取上一个同级元素节点（在IE6~8下不兼容）（获取弟弟元素节点）
parentNode ：获取父节点

JS节点的增删改

createElement：创建元素节点
createTextNode：创建文本节点
容器.appendChild(节点)：把节点插入到容器的末尾
容器.insertBefore(新节点，老节点)：把新节点插入到老节点的前面
容器.removerChild(节点)：移除容器中的节点
容器.replaceChild(newnode,oldnode)

JS动态克隆节点

节点.cloneNode(true/false)
- 克隆节点，如果传参是true就是深克隆，如果不传参或者传false就是浅克隆（只复制外层元素，不复制里边的内容）

增加行内属性

setAttribute(‘属性名’,属性值)；在元素结构中设置属性
getAttribute(‘属性名’) 在元素结构中获取属性
removeAttribute(‘属性名’); 在元素结构中移除属性

JS节点（node）相关推荐

安装node.js 附带node.js以及npm初步认识设置淘宝/npm镜像命令
1,安装: 下载地址:https://nodejs.org/en/download/ 0积分:https://download.csdn.net/download/weixin_42859280/12 ...
java创建node类型数据类型_[Java教程]js DOM Node类型
[Java教程]js DOM Node类型 0 2015-12-18 16:00:08 DOM(文档对象模型)是针对HTML和 DOM可以将任何HTML或以下面为例: My article Hell ...
jq 给节点node加事件_JavaScript 原生对象、属性、方法、事件、事件参数
/*** 事件参考 https://developer.mozilla.org/zh-CN/docs/Web/Events* Event <- UIEvent <- MouseEvent* ...
passport身份验证_了解如何使用Passport.js处理Node身份验证
passport身份验证 by Antonio Erdeljac 通过安东尼奥·埃尔德雅克了解如何使用Passport.js处理Node身份验证 (Learn how to handle authe ...
942.ava.com_如何使用Ava.js测试Node.js应用程序
942.ava.com by Nitish Phanse 由Nitish Phanse 如何使用Ava.js测试Node.js应用程序 (How you can test your Node.js a ...
JS节点操作、节点层级获取
目录获取元素方法节点层级获取元素节点概述父子层级兄弟层级节点操作创建节点添加节点删除结点复制节点获取元素方法 DOM提供的方法获取元素,利用标签特性获取元素,如标签名.类名等. ...
【Node.js】node入门全攻略
文章目录一.初识 Node.js (一)JS 解析引擎 (二)JS 运行环境 (三)Node.js 1.作用 2.命令二.fs 文件系统模块 (一)fs 模块 (二)方法 1.fs.readFil ...
js节点都有哪些类型？怎么判断是哪种节点类型？
说起节点,就要说HTML DOM树,因为HTML页面每一部分都是由节点(12种类型)组成的,常用的有文本,元素,属性节点. 节点都有以下类型: 元素节点 Node.ELEMENT_NODE(1) 属性 ...
JavaScript（js)节点--父节点、子节点、兄弟节点
JavaScript(js)节点–父节点子节点一般节点至少拥有nodeType(结点类型),nodeName(节点名称)和nodeValue(节点值)这三个基本属性. 元素节点 nodeType为1 ...

JS节点（node）

什么是节点：

操作节点的属性

JS节点的增删改

JS动态克隆节点

增加行内属性

JS节点（node）相关推荐

最新文章

热门文章