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

このような？

document.write("<div class='overview'><ul><li>" + item + "</li></ul></div>");
于 2012-09-06T14:55:37.557 に答える
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 に答える