js基础---DOM操作与事件

- DOM操作 - DOM查询 - 在网页中浏览器已经为我们提供了document对象,     它代表的是整个网页,它是window对象的属性,可以在页面中直接使用。 - document查询方法:     - 根据元素的id属性查询一个元素节点对象:         - document.getElementById("id属性值");     - 根据元素的name属性值查询一组元素节点对象:         - document.getElementsByName("name属性值");     - 根据标签名来查询一组元素节点对象:         - document.getElementsByTagName("标签名");          - 元素的属性:     - 读取元素的属性:         语法:元素.属性名         例子:
         ele.name  
              ele.id  
              ele.value 
              ele.className

 

                   - 修改元素的属性:         语法:元素.属性名 = 属性值              - innerHTML         - 使用该属性可以获取或设置元素内部的HTML代码                   - 事件(Event) - 事件指的是用户和浏览器之间的交互行为。比如:点击按钮、关闭窗口、鼠标移动。。。 - 我们可以为事件来绑定回调函数来响应事件。 - 绑定事件的方式:     1.可以在标签的事件属性中设置相应的JS代码         例子:             
<button onclick="js代码。。。">按钮</button>

 

    2.可以通过为对象的指定事件属性设置回调函数的形式来处理事件         例子:           
  <button id="btn">按钮</button>
            <script>
                var btn = document.getElementById("btn");
                btn.onclick = function(){
                
                };
            </script>

 

上一篇:写一个函数去判断数据类型


下一篇:leetcode1190 反转每对括号间的子串