没有合适的资源?快使用搜索试试~ 我知道了~
cdlwhm1217096231#HTML_CSS_JavaScript#15DOM之获取元素方法1
需积分: 0 0 下载量 115 浏览量
2022-07-25
14:34:39
上传
评论
收藏 6KB MD 举报
温馨提示
试读
// 方法1:根据ID获取元素// 接收的是一个字符串// 返回的是一个元素对象// 打印返回的元素对象,更好的查看里面的属性和方法根据标签名获取使用docum
资源推荐
资源详情
资源评论
### 技术交流QQ群:1027579432,欢迎你的加入!
#### 1.DOM简介
- 文档对象模型(Document Object Model,简称**DOM**),是W3C组织推荐的处理可扩展标记语言(HTML或XML)的标准**编程接口**。
- W3C已经定义了一系列的DOM接口,通过这些DOM接口可以改变网页的内容、结构和样式。
#### 2.DOM树
![DOM树.png](https://upload-images.jianshu.io/upload_images/13407176-7319d28a26b68b1b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 文档:一个页面就是一个文档,DOM中使用document表示。
- 元素:页面中的所有标签都是元素,DOM中使用element表示。
- **节点**:网页中的所有内容都是节点(标签、属性、文本、注释等),DOM中使用node表示。
- **DOM把以上内容都看成是对象**。
#### 3.获取元素
- **如何获取页面中的元素**?
- DOM在实际开发中主要用来操作元素,我们如何来获取页面中的元素呢?**获取页面中的元素可以使用下面的几种方法**:
- 根据ID获取;
- 根据标签名获取;
- 通过HTML5新增的方法获取;
- 特殊元素获取;
- **根据ID获取**
- 使用document.getElementById('id属性值')方法获取带有ID的元素对象。
```
2020-02-16