龙空技术网

怎么样可以快速获取DOM节点?

82年的老程序员 362

前言:

如今你们对“js获取节点值”大致比较珍视,你们都想要学习一些“js获取节点值”的相关知识。那么小编同时在网摘上收集了一些有关“js获取节点值””的相关内容,希望兄弟们能喜欢,朋友们快快来了解一下吧!

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

获取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') // 集合

```

标签: #js获取节点值