<p>I am looking for a simple JavaScript example that updates DOM.<br>
Any suggestions?</p>

[{'answer_id': 44198, 'author': 'Guy', 'author_id': 1463, 'author_profile': 'https://Stackoverflow.com/users/1463', 'pm_score': 0, 'selected': False, 'text': '<p>I believe that this tutorial on jQuery has an example that might help you: <a href="http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery" rel="nofollow noreferrer">http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery</a></p>\n'}, {'answer_id': 44204, 'author': 'harpo', 'author_id': 4525, 'author_profile': 'https://Stackoverflow.com/users/4525', 'pm_score': 0, 'selected': False, 'text': '<p>A more specific question might give more helpful results, but here\'s a simple pair of snippets that shows and later updates text in a status container element.</p>\n\n<pre>\n// give some visual cue that you\'re waiting\ncontainer.appendChild( document.createTextNode( "Getting stuff from remote server..." ) );\n\n// then later...        \n// update request status    \ncontainer.replaceChild( document.createTextNode( "Done." ), container.firstChild );\n\n</pre>\n'}, {'answer_id': 44216, 'author': 'Neall', 'author_id': 619, 'author_profile': 'https://Stackoverflow.com/users/619', 'pm_score': 4, 'selected': True, 'text': '<p>Here is a short pure-javascript example. Assume you have a div with the id "maincontent".</p>\n\n<pre><code>var newnode = document.createTextNode(\'Here is some text.\');\ndocument.getElementById(\'maincontent\').appendChild(newnode);\n</code></pre>\n\n<p>Of course, things are a lot easier (especially when you want to do more complicated things) with jQuery.</p>\n'}, {'answer_id': 44250, 'author': 'Ravi Chhabra', 'author_id': 370899, 'author_profile': 'https://Stackoverflow.com/users/370899', 'pm_score': 0, 'selected': False, 'text': '<pre><code>&lt;html&gt;\n    &lt;head&gt;\n    &lt;title&gt;Font Detect please&lt;/title&gt;\n\n    &lt;script src="prototype.js" type="text/javascript"&gt;&lt;/script&gt;\n    &lt;script type="text/javascript"&gt;\n        $(\'Myanmar3\').update(\'False\');         \n        $(\'Myanmar3\').innerHTML;        \n    &lt;/script&gt;\n    &lt;/head&gt;\n    &lt;body&gt;      \n\n        &lt;table border="1"&gt;\n        &lt;tr&gt;&lt;td&gt;Font&lt;/td&gt;&lt;td&gt;Installed&lt;/td&gt;&lt;/tr&gt;\n        &lt;tr&gt;&lt;td&gt;Myanmar3&lt;/td&gt;&lt;td id=Myanmar3&gt;True&lt;/td&gt;&lt;/tr&gt;\n        &lt;/table&gt;        \n\n    &lt;/body&gt;\n&lt;/html&gt;\n</code></pre>\n\n<p>I have a simple code like that above and am trying to change the result True to false via Javascript using Prototype. What might I be doing wrong?</p>\n\n<p>Edit: Got it. I didn\'t call it. :D</p>\n'}, {'answer_id': 44273, 'author': 'Mark Biek', 'author_id': 305, 'author_profile': 'https://Stackoverflow.com/users/305', 'pm_score': 1, 'selected': False, 'text': '<p><a href="https://stackoverflow.com/questions/44190?sort=newest#44250">@Ravi</a></p>\n\n<p>Here\'s working example of your code</p>\n\n<pre><code>&lt;html&gt;\n    &lt;head&gt;\n    &lt;title&gt;Font Detect please&lt;/title&gt;\n\n    &lt;script src="prototype.js" type="text/javascript"&gt;&lt;/script&gt;\n    &lt;script type="text/javascript"&gt;\n        function changeTD()\n        {\n            $(\'Myanmar3\').innerHTML = \'False\';         \n        }\n    &lt;/script&gt;\n    &lt;/head&gt;\n    &lt;body&gt;              \n\n        &lt;table border="1"&gt;\n        &lt;tr&gt;&lt;td&gt;Font&lt;/td&gt;&lt;td&gt;Installed&lt;/td&gt;&lt;/tr&gt;\n        &lt;tr&gt;&lt;td&gt;Myanmar3&lt;/td&gt;&lt;td id="Myanmar3"&gt;True&lt;/td&gt;&lt;/tr&gt;\n        &lt;/table&gt;        \n\n        &lt;a href="javascript:void(0);" onclick="changeTD();"&gt;Click Me&lt;/a&gt;\n\n    &lt;/body&gt;\n&lt;/html&gt;\n</code></pre>\n\n<p>You\'ll notice that I added a little link that you have to click to actually make the change.  I thought this might make it easier to try out for real.</p>\n'}]
['https://Stackoverflow.com/questions/44190', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/370899/']