javascript更改div html點擊範圍時

Question

好的我有一個小問題。

我有以下

<div><span class="spanright" onclick"">Update</span><label class="myinfo"><b>Business information:</b></label></div> 

我想要做的是，當用戶點擊跨度它的標籤的增加了一個輸入框和提交按鈕後更改HTML。

我想我需要做一個this.document但不知道

Answer 1

嗨希望，當涉及到登記事件，這可能給你怎樣做一個小的認識。 StackOverflow是關於你學習如何做的事情，所以我們不會爲你寫腳本，我們只是試圖指出你正確的方向。

http://jsfiddle.net/WKWFZ/2/

我建議你導入jQuery庫，如上面的例子一樣，如果可能的話。它使JavaScript的世界更容易！

文檔查找：

http://api.jquery.com/insertAfter/

http://api.jquery.com/bind/

查找一些jQuery的教程！那裏有很多。

Answer 2

我說，這將保持輸入

JavaScript的一種形式：

function showInput() 
{ 
    document.getElementById('container').innerHTML += '<input type="text"/><input type="submit"/>'; 
} 

HTML：

<div id="container"> 
    <span class="spanright" onclick"showInput()">Update</span> 
    <label class="myinfo"><b>Business information:</b></label> 
</div> 

Answer 3

嘗試在jquery的味道 -

$(document).ready(function(){ 
    $(".spanright").click(function(){ 
    $(".myinfo").css("color","red"); 

    }); 
}); 

檢查小提琴 -

http://jsfiddle.net/swapnesh/yHRND/

Answer 4

召喚的答案是正確的，但我更喜歡使用jQuery（它的加載幾乎每一頁上我的合作伙伴）：

HTML：

<div id="container"> 
    <span class="spanright">Update</span> 
    <label class="container"><b>Business information:</b></label> 
</div>​ 

的Javascript：

​$(".spanright").click(function(){ 
    $("#container").append('<br /><input type="text"/><input type="submit"/>'); 
    $(".spanright").unbind('click'); 
})​​;​ 

這樣，點擊事件將會有效，因爲它可能是你想要的。