How to add button in the same line as text using javascript?

Question

I want to add a button to the right of some text. Both the text were added using JS DOM. I researched a lot, but couldn't place it there. It always goes to the next line. How do I do this?

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>

Thanks in advance for your time and consideration.

ymd · Accepted Answer · 2018-08-21 16:22:25Z

3

You can add the button to an inner html of h4.

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>

answered Aug 21, 2018 at 16:22

ymd

6805 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

AmmoPT · Accepted Answer · 2018-08-21 16:23:29Z

1

Just append the button to the 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>

answered Aug 21, 2018 at 16:23

AmmoPT

9681 gold badge9 silver badges16 bronze badges

Collectives™ on Stack Overflow

How to add button in the same line as text using javascript?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related