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

StackOverflow https://stackoverflow.com/questions/44190

  •  09-06-2019
  •  | 
  •  

题

我在寻找一个简单的JavaScript例，更新DOM。
任何建议？

有帮助吗？

解决方案

这里是一个短期的纯javascript的例子。假设你有一个div与id"maincontent".

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

当然，事情是很容易(特别是当你要做的更复杂的东西)与习

其他提示

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

你会通知我加了一点的链路，你必须按实际上使变化。我认为这可能会使它更容易试试真实的。

我认为，这一教程jQuery有一个例子，可能会帮助你： http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

一个更具体的问题可能会得到更有用的结果，但这是一个简单的双段，显示和随后的更新文本中的状况容器元件。

// 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 );


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

我有一个简单的代码就像这上面的，我试图改变的结果是真实的假通过Javascript使用原型。什么可能我做错了什么？

编辑：得到它。我没有打电话给它。D

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top