javascript - 不使用innerHTML设置按钮文本

Question

我一直在尝试创建一个新按钮，然后在不使用innerHTML的情况下设置其文本。我尝试了 setAttribute 但也许这不起作用或者我的语法错误。有人可以告诉我是否有可能实现，如果可以，我该怎么做。这是代码:

var newButton = document.createElement("button");
var newerButton = document.createElement("button");

newButton.innerHTML = "Skicka";         // This I want to avoid
newerButton.innerHTML = "Stäng";

newButton.className = "popupButton";
newerButton.className = "popupButton";

newButton.setAttribute("id", "Skicka");
newerButton.setAttribute("id", "Avbryt");

myDiv.appendChild(newButton);
myDiv.appendChild(newerButton);

Answer 1

添加一个文本节点子节点应该可以做到:

var buttonText = document.createTextNode("Skicka");
newButton.appendChild(buttonText);