javascript - 如何更改任何网站上的标签值
问题描述
有一个网站包含此代码
<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>
但是,最好使用 data-attributes 以防您使用的某些属性稍后标准化。
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>
推荐阅读
- android - 如何在 Firebase 应用中实现单设备登录?
- encoding - 将 int 列表解码为 utf8 时出现问题
- sql - SQL 数据透视表问题列值分成多列
- c - 如何配置 Codelite 以根据 C18 标准编译 C 程序
- python - 如何从 XGBoost 模型中导出预测?
- html - 我试过制作一个响应式表格,但它不起作用,我该如何解决这个问题?
- php - While 循环启动索引为 1?
- amazon-web-services - 在 AWS 中确定或计算 VPC 的 Cidr 的标准公式
- python - 密度分布的子图
- javascript - 如何在js中一次添加所有事件监听器?