【javaScript】DOM基本操作

 

1.节点的增删改查：

1.1：创建：

1.document.createElement(元素标签)
2.document.createTextNode(文本内容)
3.document.createAttribute(元素属性)
4.<node>.setAttribute()
5.<node>.innerHTML
6.document.write()
7.<父节点>.appendChild(<添加的新节点>)  //增加
8.<父节点>.insertBefor(<添加的新节点>，<已知子节点>) //插入

1.2:删除：

1.<父节点>.removeChild(<要删除的节点>)

1.3：修改：

1.<node>.innerHTMl      //修改内容
2.<node>.setAttribute()      //修改属性
3.<node>.style.样式属性=“值”；  //修改样式

1.4：查（获得节点）

getElementById:通过元素ID获取节点
getElementsByName：通过元素的name属性获取节点
getElementsByTagName：通过元素标签获取节点

//具体用法
document.getElementById(元素ID)
document.getElementsByName(元素name属性)
document.getElementsByTagName(元素标签)

属性：

firstChild：获取元素的首个子节点
lastChild：获取元素的最后一个子节点
childNodes：获取元素的子节点列表
previousSibling：获取已知节点的前一个节点
nextSibling：获取已知节点的后一个节点

//具体用法
<node>.childNodes
<node>.firstChild
<node>.lastChild