要想操作自定义属性,用哪种方法最合适 OA.date O B.get O C.attr OD.prop
时间: 2023-12-22 21:04:30 浏览: 33
D. prop() 方法最适合操作自定义属性。该方法可以获取或设置指定元素的属性值,包括标准属性和自定义属性。相比之下,attr() 方法更适用于操作 HTML 属性,而不是自定义属性。
以下是一个例子:
```javascript
// HTML 代码如下:
// <div id="myDiv" data-id="123" data-name="foo"></div>
const myDiv = document.getElementById('myDiv');
// 获取自定义属性值
const id = myDiv.getAttribute('data-id');
const name = myDiv.getAttribute('data-name');
console.log(id, name); // 123 foo
// 设置自定义属性值
myDiv.setAttribute('data-id', '456');
myDiv.setAttribute('data-age', '18');
console.log(myDiv.getAttribute('data-id')); // 456
console.log(myDiv.getAttribute('data-age')); // 18
// 使用 prop() 方法获取或设置自定义属性值
console.log($(myDiv).prop('data-id')); // 456
$(myDiv).prop('data-name', 'bar');
console.log(myDiv.getAttribute('data-name')); // bar
```
在上面的例子中,我们首先使用 getAttribute() 方法获取自定义属性值,然后使用 setAttribute() 方法设置自定义属性值。而对于 jQuery 对象,我们可以使用 prop() 方法获取或设置自定义属性值。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)