How to use Javascript to remove html button

Question

I'm new at programming, so it would be easier for me if you could explain what the code is doing too. But anyway, at a certain point in my Javascript, I want to make a button disappear and replace it with the words that were on the button before. I've tried looking at a few different other questions about things like this, but this one was too confusing, and I didn't understand it, and this one, didn't work for some reason. Can anyone help me?

Thanks

EDIT

Here is some of my HTML:

<div class="inside">
<form name="form" onsubmit="return false">
    <button id="id1" class="buttonthird" name="Button1" onclick="myFunction1()">Button 1</button>
    <button id="id2" class="buttonthird" name="Button2" onclick="myFunction2()">Button 2</button>
    <button id="id3" class="buttonthird" name="Button3" onclick="myFunction3()">Button 3</button><br/>
    <button id="id4" class="buttonthird" name="Button4" onclick="myFunction4()">Button 4</button>
    <button id="id5" class="buttonthird" name="Button5" onclick="myFunction5()">Button 5</button>
    <button id="id6" class="buttonthird" name="Button6" id="p2" onclick="myFunction6()">Button 6</button>
    </form>
    <h1 class="counter"> <span id="number">0</span> guesses</h1>
<div>

Please show some code so that we know whether it is an input button or a button tag, has an id, has a class, etc... — Anonymous
– Anonymous, Commented Jan 30, 2014 at 22:15

Oleg · Accepted Answer · 2014-01-30 22:20:14Z

4

Your HTML:

<div>
    <button id="my-btn">Hello</button>
</div>

Your JS:

var myBtn = document.getElementById("my-btn"),
    mySpan = document.createElement("span");
mySpan.innerHTML = myBtn.innerHTML ;
myBtn.parentNode.replaceChild(mySpan, myBtn);

answered Jan 30, 2014 at 22:20

Oleg

7,4154 gold badges51 silver badges51 bronze badges

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

2 Comments

Oleg Over a year ago

I didn't get what you mean

pizzarob Over a year ago

to style using css, after myspan is set add this line to add an id: mySpan.setAttribute('id', 'buttonID'); then style the id accordingly using css

Ryan · Accepted Answer · 2014-01-30 22:15:47Z

1

Presuming your button is in a containing element e.g.

<div id="button_container"><input type="button" name="x" value="y" /></div>

You can simply replace the contents of the inner div, like so:

document.getElementById('button_container').innerHTML="y";

answered Jan 30, 2014 at 22:15

Ryan

3,5801 gold badge24 silver badges40 bronze badges

Collectives™ on Stack Overflow

How to use Javascript to remove html button

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related