logo标签列表

寻找一个简单的JavaScript示例，用于更新DOM。

javascriptdom
5

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

5个回答
5
这是一个简短的纯javascript示例。假设你有一个id为"maincontent"的div。
var newnode = document.createTextNode('Here is some text.');
document.getElementById('maincontent').appendChild(newnode);

当然，使用jQuery会让事情变得更容易（特别是当您想做更复杂的事情时）。
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>

您会注意到我添加了一个小链接，您必须单击它才能实际进行更改。我认为这可能会使尝试变得更加容易。
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
0
0
一个更具体的问题可能会得到更有帮助的结果，但这里有一对简单的代码片段，展示并稍后更新状态容器元素中的文本。 
// 给出一些视觉提示，表明你正在等待
container.appendChild( document.createTextNode( "从远程服务器获取数据..." ) );
// 然后稍后...
// 更新请求状态
container.replaceChild( document.createTextNode( "完成。" ), container.firstChild );
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接