首页 > 代码库 > 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