欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

浏览器中常用的JS操作

程序员文章站 2022-05-08 10:48:43
...

鼠标点击事件

    

  1. <body>
    2. 

  2.     <button onclick="console.log('asdfasdf');">按钮1</button>
    3. 

  3.     <button onclick="setbg(this)">按钮2</button>
    4. 

    5. 

  5.     <script>
    6. 

  6.       //   function setbg(ele) {
    7. 

  7.       //     document.body.style.backgroundColor = "wheat";
    8. 

  8.       //     ele.style.backgroundColor = "yellow";
    9. 

  9.       //     ele.textContent = "保存成功";
    10. 

  10.       //   }
    11. 

  11.     </script>
    12. 

  12.     <script src="outer.js"></script>
    13. 

  13. </body>
    14.

获取页面中的元素

  • document.querySelector(css选择器)
  • document.querySelectorAll(css选择器)
    浏览器中常用的JS操作
    只要css选择器用的好，没有哪个选不了

上一篇： 用HTML标签写常见的注册页面

下一篇： css中em是相对于父元素还是当前元素的大小？（代码示例）

推荐阅读