js 获取dom的属性
时间: 2023-11-30 21:05:21 浏览: 23
可以使用 `getAttribute` 方法来获取 DOM 元素的属性值,例如:
```js
var element = document.getElementById("myElement");
var attributeValue = element.getAttribute("data-my-attribute");
```
其中,`getAttribute` 方法的参数是要获取的属性名称,返回值是该属性的值。在上面的例子中,我们获取了 `id` 为 `"myElement"` 的 DOM 元素的自定义属性 `data-my-attribute` 的值。
相关问题
jquery获取dom属性方法
要获取 DOM 元素的属性,可以使用 jQuery 的 attr() 方法。这个方法可以获取指定元素的指定属性的值。例如,要获取 id 为 myElement 的元素的 title 属性值,可以这样写:
```javascript
var title = $('#myElement').attr('title');
```
如果要获取 DOM 元素的其他属性,只需要将属性名替换为相应的属性名即可。例如,要获取元素的 class 属性值,可以这样写:
```javascript
var className = $('#myElement').attr('class');
```
注意,如果要获取元素的样式属性值,应该使用 jQuery 的 css() 方法,而不是 attr() 方法。
js 获取指定属性的所有dom元素
你可以使用 `document.querySelectorAll` 方法来获取指定属性的所有 DOM 元素。例如,如果你要获取所有具有 "data-id" 属性的元素,可以这样做:
```javascript
var elements = document.querySelectorAll('[data-id]');
```
这将返回一个 NodeList 对象,其中包含页面中具有 "data-id" 属性的所有元素。如果你想使用数组来存储这些元素,可以将 NodeList 转换为数组:
```javascript
var elementsArray = Array.prototype.slice.call(elements);
```
现在,你可以在 `elementsArray` 数组中使用所有 DOM 元素,而且它们都具有 "data-id" 属性。