DOM节点与节点之间的关系
节点与节点之间的关系
常用的查找属性节点的方法
使用DOM0级事件的步骤:
1)给标签添加id属性
2)通过id获取标签对象
3)把标签对象和事件进行绑定
语法:
标签对象.on事件名称=function(){i
//… .}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<script>
function $(name){
console.log(name)
return document.getElementsByName(name);
}
window.onload=function(){
//加载对象
var ch=$("ch");
var bts=$("bt");
console.log(bts[0]);
// bts[0].οnclick=all(ch);
bts[0].onclick=function(){
for(var i=0;i<ch.length;i++){
ch[i].checked=true;
}
}
bts[1].onclick=function(){
for(var i=0;i<ch.length;i++){
ch[i].checked=false;
}
}
bts[2].onclick=function(){
for(var i=0;i<ch.length;i++){
ch[i].checked=!ch[i].checked;
}
}
}
</script>
<body>
<input type="checkbox" name="ch" />唱
<input type="checkbox" name="ch" />跳
<input type="checkbox" name="ch" />rap<br>
<input type="button" name="bt" value="全选" />
<input type="button" name="bt" value="全不选" />
<input type="button" name="bt" value="反选" />
</body>
<script type="text/javascript">
</script>
</html>
获取DOM节点的内容
DOM节点的操作
根据DOM树的分析,我们可以知道节点分为:元素节点,属性节点,文本节点;
DOM节点的操作就是对HTML元素进行查找、添加、移动、改变或移除。
元素节点操作
属性节点操作
文本节点操作