如何使用javascript更改输入属性？

Question

我有这样的输入：

<input id="xx" data-p="">

如何使用javascript更改data-p中的值？

Answer 1

您可以使用querySelctor()选择输入，使用setAttribute()设置data-p的值。

document.querySelector('input[data-p]').setAttribute('data-p', 'something')

＆＃13;

＆＃13;

document.querySelector('input[data-p]').setAttribute('data-p', 'something')

＆＃13;

<input data-p="">

＆＃13;

＆＃13;

＆＃13;

您也可以使用HTMLElement.dataset，因此它将是

document.querySelector('input[data-p]').dataset.p = 'something'

＆＃13;

＆＃13;

document.querySelector('input[data-p]').dataset.p = 'something'

＆＃13;

<input data-p="">

＆＃13;

＆＃13;

＆＃13;

Answer 2

使用以下代码即可。

document.getElementById("TextboxID").setAttribute('data-p', 'something')

或

 document.getElementById("TextboxID").attributes["data-p"] = "Value";

Answer 3

您想要更改的内容称为Data Attributes。

要更改它，请使用.dataset.p = 'new val'