一、DOM获取元素节点的子节点
1、getElementsByTagName()
返回当前节点的指定标签名子节点
2、childNodes
表示当前节点的所有子节点
3、firstChild
表示当前节点的第一个子节点
4、lastChild
表示当前节点的最后一个子节点
Untitled Document
你喜欢哪个城市?
- 北京
- 上海
- 东京
- 首尔
你喜欢哪款单机游戏?
- 红警
- 实况
- 极品飞车
- 魔兽
你手机的操作系统是?
- IOS
- Android
- Windows Phone
gender: Male Female name:
二、获取父节点和兄弟节点
1、parentNode
表示当前节点的父节点
2、previousSibling
表示当前节点的前一个兄弟节点
3、nextSibling
表示当前节点的后一个兄弟节点
三、元素节点的属性
其他属性
.this表示当前函数所属的对象
checkedAllBox.οnclick=function(){ for(var i=0;i
nodeValue文本节点
通过nodeValue的属性获取和设置文本节点的内容
innerHTML元素节点
通过该属性获取和设置标签内部的html代码
三、增、删、改
1、 创建元素节点
document.createElement(标签名)
2、 创建文本节点
document.createTextNode(文本值)
3、 添加子节点
父节点.appendChild(子节点)
4、 插入节点
父节点.insertBefore(新节点,旧节点)
5、替换节点
父节点.replaceChild(新节点,旧节点)
6、 删除节点
父节点.removeChild(子节点)
子节点.parentNode.removeChild(子节点)
7、 读写元素内部HTML代码
读取元素.innerHTML
设置元素.innerHTML = 新值