2013-05-15 26 views
0

我有一個簡單的任務我試圖完成學習JavaScript,但一直未能找到明確的答案。這是代碼;將div文本分配給變量,然後顯示它

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


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

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

謝謝。

回答

1

首先,你的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()

0

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

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

'String.trim()'僅用於現代瀏覽器的功能。 – VisioN

+0

你說得對,雖然我們可以用簡單的原型來傳遞它。 –

+0

你是什麼意思? – VisioN

相關問題