将div文本分配给变量，然后显示它

Question

我要完成学习JavaScript的任务很简单，但找不到明确的答案。 这是代码；

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


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

基本上，我希望将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);