未捕获的语法错误：Html 按钮中的令牌无效或意外

Question

我通过 javascript 动态创建一个按钮。 当我点击它时，我得到提到的错误。

按钮是这样创建的：

var button = document.createElement("Button");
            button.setAttribute("onclick", "FollowUser('" + name + "')");
            button.setAttribute("id", "FollowUserButton");

在调试它时，我试图找出创建它时出了什么问题。 似乎在我进行 onclick 事件的部分。 当我设置 id 时，似乎没有什么奇怪的。

此 output 返回：

按钮 {禁用：false，表单：null，formAction：“https://localhost:44398/Home/UserProfile?name=Test”，...}

Answer 1

我在这里假设一些事情来提供我的解决方案。 请确保在您的代码中进行适当的更改。 下面的代码片段将为您想要的答案提供基础。

 let name = "foo"; var button = document.createElement("BUTTON"); var text = document.createTextNode("Click me"); button.appendChild(text); button.setAttribute("onclick", `FollowUser('${name}')`); button.setAttribute("id", "FollowUserButton"); // Append this button to a node. For instance, append it to the body. document.body.appendChild(button); // Function added for testing onclick event. function FollowUser(str) { console.log(str); }

我在这里使用模板文字来使代码更具可读性和更少混乱。