DOM を更新する簡単な JavaScript の例を探しています
-
09-06-2019 - |
質問
DOM を更新する簡単な JavaScript の例を探しています。
助言がありますか?
解決
以下は純粋な JavaScript の短い例です。ID が「maincontent」の div があると仮定します。
var newnode = document.createTextNode('Here is some text.');
document.getElementById('maincontent').appendChild(newnode);
もちろん、jQuery を使用すると、作業は (特により複雑な処理を実行したい場合に) はるかに簡単になります。
他のヒント
コードの実際の例は次のとおりです
<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経由で結果のTrueをfalseに変更しようとしています。私の何が間違っているのでしょうか?
編集:わかった。私は電話しませんでした。:D
所属していません StackOverflow