有一个包含此代码的网站
<div id = "agreement_btn" class = "agreement_form button" gt-form-status = "">
我要调整标签的值((gt-form-status)) 所以最后:
<div id = "agreement_btn" class = "agreement_form button" gt-form-status = "signed">
通过创建一个以 javascript 开头的 Bookmarklet:......
我可以这样做吗? 问候
最佳答案
您可以使用 Element.setAttribute
在元素上设置不存在的属性。
document.querySelector('#agreement_btn').setAttribute('gt-form-status', 'signed');
var element = document.querySelector('#agreement_btn');
console.log('element before setAttribute:', element.outerHTML);
element.setAttribute('gt-form-status', 'signed');
console.log('element after setAttribute:', element.outerHTML);
<div id = "agreement_btn" class = "agreement_form button" gt-form-status = ""></div>
但是,最好使用数据属性,以防以后使用的某些属性被标准化。
var element = document.querySelector('#agreement_btn');
console.log('element before set attribute:', element.outerHTML);
element.dataset.gtFormStatus = "signed";
console.log('element after set attribute:', element.outerHTML);
<div id = "agreement_btn" class = "agreement_form button" data-gt-form-status = ""></div>
关于javascript - 如何在任何网站上更改标签值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53242761/