0

这可能是一个简单的问题（或者我认为是），但是，无论我多么喜欢它，我仍然无法让它工作。我正在尝试在 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";

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

4

4 回答 4

4

将其更改为

document.write("<div class='overview'><ul><li>" + item + "</li></ul></div>");
于 2012-09-06T14:55:28.363 回答
3 
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>那么它可能不合适。

于 2012-09-06T14:55:29.507 回答
0

- 现在它可以工作了：您在 getElementById 中缺少 '' 并且必须将函数移动到 div 之后，并且您必须在文档中将变量用 +''+ 包围

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>
于 2012-09-06T14:59:58.893 回答
0

像这样？

document.write("<div class='overview'><ul><li>" + item + "</li></ul></div>");
于 2012-09-06T14:55:37.557 回答