var targetElement = document.getElementById("target-element-id");更换成class名
时间: 2024-04-09 22:31:18 浏览: 129
如果你想使用类名而不是元素ID来选择目标元素,你可以使用`document.getElementsByClassName()`方法。这个方法返回一个包含所有具有指定类名的元素的集合。修改示例脚本如下:
```javascript
// ==UserScript==
// @name 添加按钮示例
// @namespace http://www.example.com
// @version 1.0
// @description 在网页上添加一个按钮
// @match http://www.example.com/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
// 创建按钮元素
var button = document.createElement("button");
button.innerHTML = "点击我";
// 按钮点击事件处理程序
button.addEventListener("click", function() {
// 在这里添加按钮点击后的逻辑
alert("按钮被点击了!");
});
// 将按钮添加到页面中的某个元素(使用类名选择目标元素)
var targetElements = document.getElementsByClassName("target-element-class");
if (targetElements.length > 0) {
targetElements[0].appendChild(button);
}
})();
```
在示例中,将`"target-element-class"`替换为你要添加按钮的目标元素的类名。注意,`document.getElementsByClassName()`返回的是一个集合,所以我们通过`targetElements[0]`来选择集合中的第一个元素将按钮添加到其中。
请确保在脚本中正确指定匹配网页的`@match`元数据,以便脚本在指定的网页上执行。
阅读全文