zoukankan      html  css  js  c++  java
  • 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>

      这是一个注册的时候点了条款才会同意注册的。

      知识点不好理解,一点点去弄明白吧。

  • 相关阅读:
    前端模糊查询
    CSS水平居中/垂直居中的方法
    echart图是用细节
    bootstrap-datetimepicker日期时间选择器学习
    zTree -- jQuery 树插件
    URL传参中文出现乱码
    在游览器标签页失去焦点时网页title改变的实现方法
    JS实现将数字金额转换为大写人民币汉字的方法
    div+css网站布局基础知识
    [转载]Jenkins中执行batch和Python
  • 原文地址:https://www.cnblogs.com/liuyubin0629/p/6882746.html
Copyright © 2011-2022 走看看