將span的內容添加到div並使其在按鈕點擊時可見

當用戶在我的頁面上輸入url時，我收到了一些內容。我想，當用戶點擊按鈕的內容應該被設置爲<div>和之後，div應該出現。將span的內容添加到div並使其在按鈕點擊時可見

這裏是我的小提琴：

2013-10-15 Programming_crazy

你在你的提琴有一些錯別字。下面是修改後的版本：

HTML：

<div style="border:1px solid black;height:40px;display:none;" id="d1"> 
</div> 
<span id="s1">This should be included into into div on button click</span> 
<button type="submit" onclick="myfunc()">Button</button>

SCRIPT：

function myfunc() 
{ 

document.getElementById('d1').innerText=document.getElementById('s1').innerText; 
document.getElementById('d1').style.display='block'; 
}

順便說一句，如果可以的話，爲什麼不直接使用jQuery的。

這裏是jQuery的做這件事的方法之一：

http://jsfiddle.net/qx4AB/17/

HTML：

<div id="d1"> 
</div> 
<span id="s1">This should be included into into div on button click</span> 
<button id="btn" type="submit">Button</button>

SCRIPT：

$('#btn').click(function() 
{ 
    myfunc(); 
}); 

function myfunc() 
{ 
var div = $('#d1'); 

var spanText = $('#s1').text(); 

div.text(spanText); 

d1.show(); 
}

來源

2013-10-15 05:41:17 xaisoft

我非常歡迎jquery，但我對此並不滿意。我很感激，如果你添加並讓我知道jQuery的好參考，它顯示了基本的例子！ –

@xaisoft innerText不能跨瀏覽器兼容。它不會在mozilla工作 – Shadow

嘿它在你的小提琴中起作用。我在這裏採取了相同的腳本，但問題是什麼？ http://jsfiddle.net/karimkhan/qx4AB/12/ –

試試這個：

<body> 
<div height="40" style="display:none" width="50" border="2" id="d1"> 
</div> 
<span id="s1">This should be included into into div on button click</span> 
<button type="submit" onclick="myfunc();"> Button</button> 
</body> 
<script> 
    function myfunc() { 
     var html = document.getElementById("s1").innerHTML; 
     document.getElementById("d1").style.display = "block"; 
     document.getElementById("d1").innerHTML = html; 
    } 
</script>

來源

2013-10-15 05:22:03 Rayon

謝謝回答，但沒有任何變化。請參閱：http：//jsfiddle.net/karimkhan/qx4AB/10/ –

在我的電腦上工作正常.. 你能檢查你的控制檯嗎？ – Rayon

將span的內容添加到div並使其在按鈕點擊時可見

回答

相關問題