Question

例如

<text class="more" x=5>

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

Answer 1

为什么要将JQuery用于简单的任务？

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

或者，性能更高一点：

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

Answer 2

试试这个

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

Answer 3

$（＆＃39; .more＆＃39;）。attr（＆＃39; x＆＃39;，＆＃39;你想要的价值＆＃39;）;

Answer 4

语法：$(selector).attr(attribute,value);

示例：

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

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

$('.more').attr('x', '51'); // page load update value

$('#Newvalue').click(function() {
  var newValue = $('.more').attr('x'); // Get Value attr 'X'
  alert(newValue);
  console.log(newValue);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<text class="more" x=5>

  <input type="button" id="Newvalue" value="Get New Value" />

Answer 5

您可以使用此代码

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

或

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

Answer 6

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

但是...... 如果你想操纵自定义属性，例如x，你可以使用HTML5 data-*属性和javascript {{ 1}}代替：

<强>例如

更改

.dataset

到

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

您可以使用以下javascript：

<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;

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

6 个答案: