JavaScript基础-DOM

最新推荐文章于 2023-06-13 19:53:02 发布

weixin_43331769

最新推荐文章于 2023-06-13 19:53:02 发布

阅读量70

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/weixin_43331769/article/details/104027760

版权

javascript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

JavaScript基础-DOM

DOM事件操控

DOM事件操控

单击事件 onclick
双击事件 ondblclick
获取对象 document.getElementById(“btn”);

   <div>
      <button id="btn">我是一个按钮</button>
    </div>
    <script>
      var btn = document.getElementById("btn");  //表示获取对象
      btn.innerHTML = "按钮";//innerHtml 表示获取html中的内容，并将其修改为 按钮
      btn.onclick = function () {
        alert("你还点~~~");
      }//单击响应函数
      btn.ondblclick = function () {
        alert("你点了两下");
      }//双击响应函数
    </script>

onload事件，会使整个页面加载完成之后触发
浏览器加载页面是自上而下的，js代码执行前未有加载浏览器页面，则dom将不能操控，解决办法，事先用onload函数加载浏览器页面

<script>
  window.onload = function () {
    var btn = document.getElementById("btn");  //表示获取对象
    btn.innerHTML = "按钮";//innerHtml 表示获取内部的html代码，并将其修改为 按钮
    btn.onclick = function () {
      alert("你还点~~~");
    }//单击响应函数
  }
</script>
<body>
    <div>
      <button id="btn">我是一个按钮</button>
    </div>
</body>

获取数组对象 getElementsByTagName
根据标签名来获取一组元素节点的对象
List item

weixin_43331769

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础-DOM

JavaScript基础-DOMDOM事件操控DOM事件操控单击事件 onclick双击事件 ondblclick获取对象 document.getElementById(“btn”); <div> <button id="btn">我是一个按钮</button> </div> <script&...
复制链接

扫一扫

专栏目录