专业编程基础技术教程

网站首页 > 基础教程 正文

怎么样可以快速获取DOM节点?(通过什么方法可以获取dom对象)

ccvgpt 2024-07-24 11:06:37 基础教程 11 ℃

DOM节点是一个JS对象,它符合前面描述的对象的特性——可扩展属性,因为DOM节点本质上也是一个JS。因此,如以下代码所示,“p”可以具有“style”属性和“className”“nodeName”“nodeType”属性。注意**这些是JS类别的属性,符合JS语法标准的**。

获取DOM节点

怎么样可以快速获取DOM节点?(通过什么方法可以获取dom对象)

最常用的 DOM API 就是获取节点

其中常用的获取方法如下面的代码示例:

```

// 通过 id 获取

var div1 = document.getElementById('div1') // 元素

// 通过 tagname 获取

var divList = document.getElementsByTagName('div') // 集合

console.log(divList.length)

console.log(divList[0])

// 通过 class 获取

var containerList = document.getElementsByClassName('container') // 集合

// 通过 CSS 选择器获取

var pList = document.querySelectorAll('p') // 集合

```

最近发表
标签列表