將div文本分配給變量，然後顯示它

Question

我有一個簡單的任務我試圖完成學習JavaScript，但一直未能找到明確的答案。這是代碼;

<script type="text/javascript"> 
var show = document.getElementById("box"); 
document.write(show); 
</script> 


<div id="box">Testing</div> 

基本上我想把盒子裏的文本存儲到一個變量中。然後，我想在頁面的不同部分顯示該變量的文本。有了上面的代碼，我得到一個空錯誤。

謝謝。

Answer 1

http://jsfiddle.net/David_Knowles/LTfyH/

<script> 
    var show = document.getElementById("box").innerHTML; 
    document.write(show); 
</script> 

Answer 2

首先，你的JavaScript應該找到你所要的元素。因此，您需要在之後放置您的<script>標記元素已定義（這是一種簡單的方法）。

接下來，使用.getElementById()你可以找到的元素，但得到內部HTML出來的，你需要的目標.innerHTML屬性：

<div id="box">Testing</div> 

<script type="text/javascript"> 
    var element = document.getElementById("box"), 
     value = element.innerHTML; 

    console.log(value); 
</script> 

最後，出於測試目的，你最好使用控制檯。要將腳本輸出值輸出到控制檯，請使用console.log()。

Answer 3

你在做什麼是存儲DOM對象在變量，而不是文本。 您應該訪問innerHTML屬性以訪問文本。

var t = document.getElementById("foo").innerHTML; 
t = t.trim(); // to remove the whitespaces before and after the div. 
document.write(t);