Question

这可能是一个简单的问题（或者我认为是）但是，无论我多么狡猾，我仍然无法让它发挥作用。我试图在li标签内写一个变量。这个变量应该将文本保存在另一个div标签中，如下所示：

<script type="text/javascript">
var item = document.getElementById('thistext').innerHTML;
                    function songlist () {
document.write("<div class='overview'><ul><li> item </li></ul></div>");
}
</script>


<div id="thistext">hello</div>

<!-- I want it to appear here -->
<div class="viewport">
<script type="text/javascript">
songlist ();
</script>
</div>

所以基本上我需要“thistext”div标签内的文字出现在ul等内的li标签内（我不知道这是不必要的信息）我也试过把脚本及其在视口标记本身内的函数，并使用：

document.getElementById("id").innerHTML = "value";

那个布局也似乎没有显示出工作，我似乎无法理解为什么。我期待着回复并提前感谢。

Answer 1

将其更改为

document.write("<div class='overview'><ul><li>" + item + "</li></ul></div>");

Answer 2

document.write("<div class='overview'><ul><li> item </li></ul></div>");

需要

document.write('<div class="overview"><ul><li>' + item + ' </li></ul></div>');

编辑：

我觉得我应该指出，这不是实现这一目标的最佳方法。也许这样的事情会更好......

<script type="text/javascript">
   window.onload = function(){
      document.getElementById('viewport').innerHtml = document.getElementById('thistext').innerHtml;
   };
</script>

这么说，你有没有看过jQuery框架？它使DOM操作变得非常容易。虽然有时间和地点。如果您所做的只是将<div>中的文字替换为另一个<div>中的文字，那么可能是不恰当的。

Answer 3

喜欢这个吗？

document.write("<div class='overview'><ul><li>" + item + "</li></ul></div>");

Answer 4

- 现在有效：你在getElementById中缺少''，并且必须在div之后移动teh函数并且你必须在文档写入

中放置带有+''+的变量

jsfiddle：http://jsfiddle.net/fMNWt/

<div id="thistext">hello</div>
     <script type="text/javascript">
var item = document.getElementById('thistext').innerHTML;
                    function songlist () {
document.write("<div class='overview'><ul><li>" + item + "</li></ul></div>");
}
</script>  
<!-- I want it to appear here -->
<div class="viewport">
<script type="text/javascript">
songlist ();
</script>
</div>

如何在getelementbyid的javascript中编写变量

4 个答案: