码迷,mamicode.com
首页 > 其他好文 > 详细

DOM

时间:2017-05-21 19:41:45      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:body   checked   creat   修改内容   script   rem   remove   append   click   

    今天学习了很多知识,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

标签:body   checked   creat   修改内容   script   rem   remove   append   click   

原文地址:http://www.cnblogs.com/liuyubin0629/p/6882746.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!