Question

我有一个简单的任务，我正在努力完成JavaScript的学习，但却找不到明确的答案。这是代码;

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


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

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

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

3 个答案: