博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
DOM
阅读量:5256 次
发布时间:2019-06-14

本文共 1004 字,大约阅读时间需要 3 分钟。

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

 

 

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

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

转载于:https://www.cnblogs.com/liuyubin0629/p/6882746.html

你可能感兴趣的文章
echarts饼图显示百分比
查看>>
C#中的out string temp是什么意思?【转】
查看>>
第十二次作业
查看>>
喜欢的话
查看>>
JMS消息
查看>>
16位整数,32位整数,64位整数
查看>>
Jenkins+ProGet+Windows Batch搭建全自动的内部包(NuGet)打包和推送及管理平台
查看>>
Jenkins里邮件插件触发器配置和Send to Developers到底是什么意思(转)
查看>>
angular/cli安装
查看>>
网页记账本开发三
查看>>
11gR1 Patchset 2 ~ 11.1.1.3.0 (SOA) features ..
查看>>
Hdu 1708 Fibonacci String
查看>>
java lock锁住特定对象
查看>>
JAX-WS 访问SSL 的WebService 老是HTTP transport error: Connection refused错误的解决办法。...
查看>>
面向对象与函数式的对比
查看>>
yii2实战教程之第一个Yii程序
查看>>
php上传文件及头像预览
查看>>
程序猿加班的不归路!
查看>>
【译】在Transformer中加入相对位置信息
查看>>
大四java实习生的一些经历
查看>>