5

DOM を更新する簡単な JavaScript の例を探しています。
助言がありますか？

4

5 に答える 5

5

これは短い純粋な JavaScript の例です。ID「maincontent」の div があるとします。

var newnode = document.createTextNode('Here is some text.');
document.getElementById('maincontent').appendChild(newnode);

もちろん、jQuery を使用すると、作業はずっと簡単になります (特に、より複雑なことをしたい場合)。

于 2008-09-04T17:18:09.753 に答える
1

@Ravi

これがあなたのコードの実例です

<html>
    <head>
    <title>Font Detect please</title>

    <script src="prototype.js" type="text/javascript"></script>
    <script type="text/javascript">
        function changeTD()
        {
            $('Myanmar3').innerHTML = 'False';         
        }
    </script>
    </head>
    <body>              

        <table border="1">
        <tr><td>Font</td><td>Installed</td></tr>
        <tr><td>Myanmar3</td><td id="Myanmar3">True</td></tr>
        </table>        

        <a href="javascript:void(0);" onclick="changeTD();">Click Me</a>

    </body>
</html>

実際に変更を加えるにはクリックする必要のある小さなリンクを追加したことに気付くでしょう。これで実際に試してみるのが簡単になるのではないかと思いました。

于 2008-09-04T17:38:50.890 に答える
0 
<html>
    <head>
    <title>Font Detect please</title>

    <script src="prototype.js" type="text/javascript"></script>
    <script type="text/javascript">
        $('Myanmar3').update('False');         
        $('Myanmar3').innerHTML;        
    </script>
    </head>
    <body>      

        <table border="1">
        <tr><td>Font</td><td>Installed</td></tr>
        <tr><td>Myanmar3</td><td id=Myanmar3>True</td></tr>
        </table>        

    </body>
</html>

上記のような単純なコードがあり、Prototypeを使用してJavascriptを介して結果をTrueからfalseに変更しようとしています。私は何を間違っているのでしょうか？

編集：了解しました。私はそれを呼ばなかった。：D

于 2008-09-04T17:31:34.887 に答える
0

jQuery に関するこのチュートリアルには、役立つ例があると思います: http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

于 2008-09-04T17:08:36.797 に答える
0

より具体的な質問をすると、より役立つ結果が得られる可能性がありますが、ステータス コンテナー要素内のテキストを表示し、後で更新する単純なスニペットのペアを次に示します。

// 待っているという視覚的な合図を与える
container.appendChild( document.createTextNode( "リモート サーバーからデータを取得しています..." ) );

// じゃあ後で...        
// リクエストステータスを更新    
container.replaceChild( document.createTextNode( "完了" ), container.firstChild );
于 2008-09-04T17:12:53.713 に答える