如何在JavaScript中将两个按钮连接到一个div

时间:2019-07-19 22:16:16

标签: javascript html

我在div元素上创建了一个按钮,我想创建另一个按钮。

我已经尝试过 var textForButton2 = document.createTextNode(“再试一次!”);   button.appendChild(textForButton2); 在第一个按钮代码下,但是只是在其中包含两个文本的地方做了一个更大的按钮

// Adding a button
var button = document.createElement("Button");
var textForButton = document.createTextNode("Next->");
button.appendChild(textForButton);
button.addEventListener("click", function(){
  alert("Hi!");
});
divElement.appendChild(button);

// Appending the div element to body
document.getElementsByTagName("body")[0].appendChild(divElement);

我希望在div中有两个按钮(为简洁起见,我不会显示代码),而不仅仅是一个按钮。

1 个答案:

答案 0 :(得分:1)

只需添加另一个按钮元素即可。

var secondButton = document.createElement("button");
var textForButton2 = document.createTextNode("Try again!"); 
secondButton.appendChild(textForButton2);