javascript - 如何更改自己定义的属性

Question

我想知道如何使用 JavaScript/jQuery 在 html 标签中更改自己定义的属性。例如：我定义了称为升序的属性：

<th ascending="true" id="1">some text</th>

在 JavaScript/jQuery 中，我想在“false”上更改该属性，我正在尝试这种方式，但它不起作用（我猜这个选项仅适用于预定义的属性）：

var tag = document.getElementById("1");
    tag.ascending = "false";

score 2 · Accepted Answer

添加自定义时使用自定义data-*属性，否则它不会通过验证！在你的情况下：

<th data-ascending="true" id="1">some text</th>

并获取/设置（纯 JS）：

var tag = document.getElementById("1");
tag.getAttribute("data-ascending"); //get
tag.setAttribute("data-ascending", true); //set

jQuery：

$("#1").data("ascending"); //get
$("#1").data("ascending", true); //set

score 1 · Accepted Answer

1

您可以使用“setAttribute”方法。

像这样： tag.setAttribute("Ascending","false");

于 2013-11-07T20:23:48.927 回答

score 0 · Accepted Answer

在 jquery 中试试这个

$(function(){
  $('#1').attr('ascending',false);
});

但你应该使用 .prop()

$(function(){
  $('#1').prop('ascending',false);
})

或者在javascript中

function changeValue() {
  var tag = getElemendById('1');
  tag.setAttribute('ascending', false);
}

和 html 的 javascript 版本应该是这样的：

<th onLoad="changeValue()" data-ascending="true" id="1">some text</th>

我没有测试它，但它应该可以工作；）

3 回答 3