Question

我想在一些文本的右边添加一个按钮。这两个文本都是使用JS DOM添加的。我做了很多研究，但无法将其放在那儿。它总是转到下一行。我该怎么做？

var text = document.createElement("h4");
var content = document.createTextNode("Insert buttton here:--> ");
text.appendChild(content);

document.body.appendChild(text);


var btn = document.createElement("BUTTON");
btn.textContent = "Place me right of the -->";

document.body.appendChild(btn);

html {
  font-size: 29px;
}

<html>

<head></head>

<body>

</body>

</html>

提前感谢您的时间和考虑。

Answer 1

您可以将按钮添加到h4的内部html中。

var btn = document.createElement("BUTTON");
btn.textContent = "Place me right of the -->";
var text = document.createElement("h4");
text.innerHTML = "Insert buttton here:-->" + btn.outerHTML;

document.body.appendChild(text);

html {
  font-size: 29px;
}

<html>

<head></head>

<body>

</body>

</html>

Answer 2

仅将按钮附加到h4吗？

var text = document.createElement("h4");
var content = document.createTextNode("Insert buttton here:--> ");
text.appendChild(content);

var btn = document.createElement("BUTTON");
btn.textContent = "Place me right of the -->";

text.appendChild(btn);

document.body.appendChild(text);

html {
  font-size: 29px;
}

<html>

<head></head>

<body>

</body>

</html>

如何使用javascript在与文本相同的行中添加按钮？

2 个答案: