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