DOM1(定义)

1.DOM定义(1)使用(2)理论
2.API定义

DOM定义:1.使用 2.理论

1.使用

  1. 通过dom方式获取的html元素,变成了dom对象,具有(属性,方法,可读写)
  2. this:事件处理函数中处理的元素如果是获取元素,那么此获取元素可以用this表达
  3. 所有获取的dom数组都是伪数组,不能用基本数组方法和替换数组内容
  4. 根据js代码执行顺序,需要将script写到body最下面

2.理论

  1. DOM:文档对象模型,就是接口,处理可标记语言(html,xml)
  2. DOM树:document:文档:一个页面就是一个文档
  3. DOM树:element:元素,页面中所有的标签都是元素
  4. DOM树:node:节点,网页中所有的内容都是节点(标签/属性/文本/注释)
  5. 事件组成/事件三要素:获取事件源
  6. 事件组成/事件三要素:注册事件/绑定事件(传统方式,监听方式)
  7. 事件组成/事件三要素:添加事件处理函数:监听方式的函数是监视器

API定义

  1. APi:应用程序编程接口
  2. API:给程序员提供接口,不需要研究怎么实现的,能用能实现某些功能就可以
  3. 有输入和输出(例如:函数的参数和返回值,webAPI例如内置对象)
  4. webAPI:针对浏览器,操作浏览器功能和页面元素的API(bom/dom)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
DOM(文档对象模型)是一种用于处理XML和HTML文档的编程接口。DOM元素是HTML或XML文档中的基本构建块。它们是文档的一部分,可以用来表示文档中的任何内容,例如文本、图像、链接或其他元素。 HTML中的DOM元素可以是以下之一: 1. 标签(例如,<div>、<p>、<h1>等) 2. 属性(例如,id、class、src等) 3. 文本(例如,页面内容和注释) 使用JavaScript可以直接访问和操作DOM元素。例如,我们可以使用document.getElementById()函数来获取具有指定ID的元素,然后可以使用其他函数来更改元素的样式、内容或属性。 下面是一个简单的HTML代码示例,其中包含几个常见的DOM元素: ``` <!DOCTYPE html> <html> <head> <title>DOM Example</title> </head> <body> <h1 id="title">Hello World!</h1> <p class="message">Welcome to my website.</p> <button onclick="changeText()">Click me</button> <script> function changeText() { document.getElementById("title").innerHTML = "New Title"; document.getElementsByClassName("message")[0].innerHTML = "New message"; } </script> </body> </html> ``` 在上面的示例中,我们定义了一个标题、一个段落和一个按钮,然后使用JavaScript来更改标题和段落的文本内容。我们使用document.getElementById()函数获取标题元素,然后使用innerHTML属性将其文本内容更改为“New Title”。我们还使用document.getElementsByClassName()函数获取类名为“message”的段落元素,然后使用innerHTML属性将其文本内容更改为“New message”。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值