使用jquery或javascript更改DOM元素中的属性值

比如说

<text class="more" x=5>

---

我可以使用jquery或javascript更改“X”的值吗

$('text').attr('x','78')

---

$（'.more'）.attr（'x'，'value your want'）

语法：

$（选择器）.attr（属性，值）

示例：

$('.more').attr('x','Update New Value');  //Update value

$('.more').attr('x');  //Get attribute Value


$（'.more'）.attr（'x'，'51'）；//页面加载更新值
$（'#Newvalue'）。单击（函数（）{
var newValue=$（'.more'）.attr（'x'）；//获取attr'x'的值
警报（新值）；
console.log（newValue）；
});
为什么要将JQuery用于简单任务

document.querySelector('text').setAttribute('x', '25');

或者，性能更高一点：

document.getElementsByTagName('text')[0].setAttribute('x', '25')

您可以使用此代码

1.   $('.more').attr('x',15);

或

 2. $("text").attr('x',25)

对于任何标准HTML属性，都可以使用
setAttribute
更新属性

但是…如果您想操作自定义属性，如
x
，您可以使用HTML5
数据-*
属性和javascript
.dataset
：

例如

改变

<text class="more" title="Using HTML5 data-* attributes" data-x="5">


传统的方法（对于非数据-*元素）是：

$（'text'）.attr（'x'，newvalue）
感谢您的回答：element.setAttribute（'x'，'val'）setAttribute在纯javascriptidk中，我支持补偿，因为有时也会发生在我身上lol
<text class="more" title="Using HTML5 data-* attributes" data-x="8">

var moreText = document.getElementsByClassName('more')[0];
var x = parseInt(moreText.dataset.x);
var x = x + 3;
moreText.dataset.x = x;

var moreText = document.getElementsByClassName('more')[0];
var newTitle = 'Using HTML5 custom data-* attributes';
moreText.setAttribute('title',newTitle);