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

时间：2021-09-02 16:35:07 阅读：12 评论：0 收藏：0 [点我收藏+]

- 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>

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

原文：https://www.cnblogs.com/leiyanting/p/15217152.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)