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的主要内容,如果未能解决你的问题,请参考以下文章

React虚拟dom中的key值

DOM事件: DOM事件级别DOM事件流DOM事件模型DOM事件捕获过程自定义事件

虚拟DOM(Virtual Dom) VS 影子DOM(Shadow Dom)

虚拟DOM(Virtual DOM)

关于DOM级别的一些问题,DOM0,DOM1,DOM2

DOM事件类