如何从getelementbyid用javascript编写变量

How do I write a variable in javascript from getelementbyid

本文关键字：变量 javascript getelementbyid      更新时间：2023-09-26

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

这个布局也是，但它似乎没有显示工作，我似乎不明白为什么。我期待着你的回复，并提前表示感谢。

将其更改为

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

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>中的文本，那么这可能不合适。

这样？

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

-现在可以工作了：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>
相关文章：