带有tampermonkey的按钮onclick [重复]答案

【问题标题】：button onclick with tampermonkey [duplicate]带有tampermonkey的按钮onclick [重复]
【发布时间】：2018-09-28 11:50:31
【问题描述】：

我对这一切都很陌生，我决定制作一个小脚本，我也在使用 tampermonkey 但是当我使用 tampermonkey 添加按钮时，onclick 似乎不起作用，我想知道是否有人知道为什么会这样？

// ==UserScript==
// @name         BUTTONS AND NICKNAMES
// @version      0.1
// @description  none right now
// @author       none right now
// @description Adds button, with nickname
// ==/UserScript==

// INTRO STYLE CODES INNERHTML
var IntroGuide = '';

IntroGuide += "<button class=\"btn btn-green\" style=\"width: 45%;\" id=\"names1\" onclick=\"name1();\">NAME [1]</button>";
IntroGuide += "&nbsp;";
IntroGuide += "<button class=\"btn btn-green\" style=\"width: 45%;\" id=\"names2\" onclick=\"name2();\">NAME [2]</button>";
IntroGuide += "<br><br>";
IntroGuide += "<button class=\"btn btn-green\" style=\"width: 45%;\" id=\"names3\" onclick=\"name3();\">NAME [3]</button>";

document.getElementsByClassName('hud-intro-guide')[0].innerHTML = IntroGuide;

// NINKNAMES
function name1() {
document.getElementsByClassName('hud-intro-name')[0].value = 'NAME 1 HERE';
}

function name2() {
  document.getElementsByClassName('hud-intro-name')[0].value = 'NAME 2 HERE';
}

function name3() {
  document.getElementsByClassName('hud-intro-name')[0].value = 'NAME 3 HERE';
}

【问题讨论】：

标签： javascript tampermonkey

【解决方案1】：

在这里检查代码

var IntroGuide = '';
IntroGuide += "<button class=\"hud-intro-name btn btn-green\" style=\"width: 45%;\" id=\"names1\" onclick=\"name1();\">NAME [1]</button>";
IntroGuide += "&nbsp;";
IntroGuide += "<button class=\"hud-intro-name btn btn-green\" style=\"width: 45%;\" id=\"names2\" onclick=\"name2();\">NAME [2]</button>";
IntroGuide += "<br><br>";
IntroGuide += "<button class=\"hud-intro-name btn btn-green\" style=\"width: 45%;\" id=\"names3\" onclick=\"name3();\">NAME [3]</button>";

document.getElementsByClassName('hud-intro-guide')[0].innerHTML = IntroGuide;

// NINKNAMES
window.name1=function() {`enter code here`
document.getElementsByClassName('hud-intro-name')[0].innerHTML = 'NAME 1 HERE';
}

window.name2=function() {
  document.getElementsByClassName('hud-intro-name')[1].innerHTML = 'NAME 2 HERE';
}

window.name3=function() {
  document.getElementsByClassName('hud-intro-name')[2].innerHTML = 'NAME 3 HERE';
}

【讨论】：