DOM
Posted .net刘玉斌
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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="下一步" 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的主要内容,如果未能解决你的问题,请参考以下文章
DOM事件: DOM事件级别DOM事件流DOM事件模型DOM事件捕获过程自定义事件