Js常用操作 

 1 节点分类
 2 1、整个文档是一个文档节点
 3 2、每个 HTML 元素是元素节点
 4 3、HTML 元素内的文本是文本节点
 5 4、每个 HTML 属性是属性节点
 6 5、注释是注释节点
 7 
 8 获取节点：
 9 document.getElementById();       通过id获取节点
10 document.getElementsByName();    通过name获取节点（数组）
11 document.getElementsByTagName(); 通过标签名获取节点（数组）
12 
13 创建节点：
14 document.createElement();     创建元素节点
15 document.createTextNode();    创建文本节点
16 document.createAttribute();   创建属性节点
17 
18 节点属性操作：
19 document.getElementById("a").setAttribute("type","button");    设置属性
20 document.getElementById("a").getAttribute("type");        　　  返回属性的指定值
21 
22 插入节点：
23 parentNode.appendChild（指定节点）          将指定节点插入为某父节点的子节点（默认插入到最后面）
24 parentNode.insertBefore(指定节点,节点2);    将指定节点插入为某父节点的子节点（插入在节点2的前面）
25 
26 删除节点：
27 parentNode.removeChild(指定子节点);         删除某父节点下的指定子节点
28 
29 替换节点：
30 parentNode.replaceChild(newNode,oldNode);  用新节点替换某父节点下的指定旧节点
31 
32

注：parentNode(父节点)比较重要

本文参考：https://www.iteye.com/blog/570109268-2430496

posted @ 2019-12-26 10:58  King的博客  阅读(165)  评论(0)    收藏  举报