2014-01-30 389 views
1

我是編程新手,如果你能解釋代碼的功能,那對我來說會更容易。但無論如何,在我的Javascript中的某個點上,我想讓按鈕消失,並用之前按鈕上的文字替換它。我試過看過幾個不同的其他問題,但是this one太混亂了,我不明白它,而this one,由於某種原因沒有工作。誰能幫我?如何使用Javascript刪除html按鈕

感謝

編輯

下面是我的一些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

請顯示一些代碼,以便我們知道它是一個輸入按鈕還是一個按鈕標籤,有一個id,是否有一個類等... – 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相應地設置id –

1

意味着你的按鈕是一個包含元素如

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

您只需更換內div的內容,就像這樣:

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