总结
(1)在末尾添加节点:
* 创建标签createElement方法
* 创建文本createTextNode方法
* 把文本添加到标签下面appendChild方法
(2)元素对象
获取标签的子标签:document.getElementsByTagName()
(3)Node对象
属性:nodeType、nodeName、nodeValue
(4)操作DOM树
父节点:parentNode(重点记住)
appendChild()
添加到末尾
剪切粘贴的效果
insertBefore(newNode, oldNode)
通过父节点添加
removeChild(node)
通过父节点删除
replaceChild(newNode, oldNode)
通过父节点替换
(5)innerHTML属性()
获取文本内容
向标签设置内容(可以设置HTML代码)
(6)动态显示时间
定时器:setInterval()
在指定时间内重复执行JS代码
(7)全选练习
属性:checked
checked == true表示复选框被选中,checked == false表示复选框未选中。
(8)下拉列表左右选择
属性:multiple
让下拉列表中的内容全部显示。
selected == true:option被选中。
selected == false:option未选中。
(9)省市联动
二维数组:数组中嵌套数组
事件:onchange()
参数:this.value,当前option的value值。
(10)动态生成表格
属性:innerHTML
使用变量保存html代码
tab += "";
总结
(1)在末尾添加节点:
* 创建标签createElement方法
* 创建文本createTextNode方法
* 把文本添加到标签下面appendChild方法
(2)元素对象
获取标签的子标签:document.getElementsByTagName()
(3)Node对象
属性:nodeType、nodeName、nodeValue
(4)操作DOM树
父节点:parentNode(重点记住)
appendChild()
添加到末尾
剪切粘贴的效果
insertBefore(newNode, oldNode)
通过父节点添加
removeChild(node)
通过父节点删除
replaceChild(newNode, oldNode)
通过父节点替换
(5)innerHTML属性()
获取文本内容
向标签设置内容(可以设置HTML代码)
(6)动态显示时间
定时器:setInterval()
在指定时间内重复执行JS代码
(7)全选练习
属性:checked
checked == true表示复选框被选中,checked == false表示复选框未选中。
(8)下拉列表左右选择
属性:multiple
让下拉列表中的内容全部显示。
selected == true:option被选中。
selected == false:option未选中。
(9)省市联动
二维数组:数组中嵌套数组
事件:onchange()
参数:this.value,当前option的value值。
(10)动态生成表格
属性:innerHTML
使用变量保存html代码
tab += "";