Question

我正在寻找一个更新DOM的简单JavaScript示例有什么建议吗？

Answer 1

这是一个简短的纯JavaScript示例。假设你有一个id为“maincontent”的div。

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

当然，使用jQuery会更容易（特别是当你想做更复杂的事情时）。

Answer 2

@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>

您会注意到我添加了一个您必须单击以实际进行更改的链接。我认为这可能会更容易尝试真实。

Answer 3

我相信这个关于jQuery的教程有一个可以帮助你的例子：http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

Answer 4

更具体的问题可能会提供更多有用的结果，但这里有一对简单的片段，可以显示并稍后更新状态容器元素中的文本。

// give some visual cue that you're waiting
container.appendChild( document.createTextNode( "Getting stuff from remote server..." ) );

// then later...        
// update request status    
container.replaceChild( document.createTextNode( "Done." ), container.firstChild );

Answer 5

<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

寻找一个更新DOM的简单JavaScript示例

5 个答案: