javascript - 将 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);