2014-01-30 2 views
1

Я новичок в программировании, поэтому мне было бы легче, если бы вы могли объяснить, что делает код. Но в любом случае, в определенный момент в моем Javascript, я хочу, чтобы кнопка исчезла и заменила ее словами, которые были на кнопке раньше. Я попытался рассмотреть несколько других вопросов о таких вещах, но this one был слишком запутанным, и я этого не понимал, и this one, по какой-то причине не работал. Может кто-нибудь мне помочь?Как использовать Javascript для удаления кнопки html

Благодаря

EDIT

Вот некоторые из моих 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> 
+0

Вы можете использовать jQuery, или это должно быть чисто js? – admdrew

+0

Пожалуйста, покажите код, чтобы мы знали, является ли он кнопкой ввода или тегом кнопки, имеет идентификатор, имеет класс и т. Д. – Anonymous

+0

Только чистый Javascript – CPC

ответ

4

Ваш HTML:

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

Ваш JS:

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

Как форматировать текст, используя CSS? – CPC

+0

Я не понял, что вы имеете в виду – Oleg

+0

в стиле с помощью css, после того как myspan установлен, добавьте эту строку, чтобы добавить id: mySpan.setAttribute ('id', 'buttonID'); затем введите идентификатор соответственно с помощью css –

1

Предположив свою кнопку в содержащий элемент, например,

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

Вы можете просто заменить содержимое внутренней DIV, например, так:

document.getElementById('button_container').innerHTML="y"; 
Смежные вопросы