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

@拉维

这是您的代码的工作示例

<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

我相信这个关于 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("Done."), container.firstChild);
于 2008-09-04T17:12:53.713 回答
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 回答