首页 > 代码库 > DOM
DOM
今天学习了很多知识,DOM生词,DOM是文档对象模型,这种模型为树模型;文档是指标签文档;对象是指文档中每个元素;模型是指抽象化得东西。
DOM :文档对象模型(Document Object Model)
选择器:id选择器 class选择器 标签选择器
修改内容:innerHTML innerText
改样式.style = "" .style.width = ?
添加事件
onclick:点击事件
onmouseover:鼠标移上去
onmouseout:鼠标移开
onblur:失去焦点
onkeyup:按键抬起
onchange:内容改变
方法
属性:
设置属性:setAttribute
获取属性:getAttribute
移除属性:removeAttribute
造元素:createElement,appendChild,removeChild.
实例:
<body>
<input type="checkbox" id="ckb" /><label for="ckb">同 意</label>
<input id="btn" type="button" value="http://www.mamicode.com/下一步" disabled="disabled" />
</body>
<script>
var ckb = document.getElementById("ckb");
var btn = document.getElementById("btn");
ckb.onchange = function(){
var status = ckb.checked;
if(status == true){
btn.removeAttribute("disabled");
}else{
btn.setAttribute("disabled","disabled");
}
}
</script>
这是一个注册的时候点了条款才会同意注册的。
知识点不好理解,一点点去弄明白吧。
DOM