时间戳

首页 > 解决方案 > 如何在javascript中将两个按钮连接到一个div

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

问题描述

我在我的 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 中有两个按钮（为简洁起见，我不会显示代码），而不仅仅是一个。

标签： javascripthtml

解决方案

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

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

推荐阅读