Ich bin auf der Suche nach einem einfachen JavaScript-Beispiel, das DOM aktualisiert.
Irgendwelche Vorschläge?Auf der Suche nach einem einfachen JavaScript-Beispiel, das DOM aktualisiert
Antwort
Hier ist eine kurze pure-Javascript-Beispiel. Angenommen, Sie haben ein div mit der ID "maincontent".
var newnode = document.createTextNode('Here is some text.');
document.getElementById('maincontent').appendChild(newnode);
Natürlich sind die Dinge viel einfacher, mit jQuery (vor allem, wenn Sie kompliziertere Dinge tun wollen).
Ich glaube, dass dieses Tutorial auf jQuery ein Beispiel hat die Ihnen helfen: http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery
Eine speziellere Frage geben könnte hilfreiche Ergebnisse, aber hier ist ein einfaches Paar Schnipsel, den Text zeigt und späteres Updates in einem Status Containerelement.
// 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>
Ich habe einen einfachen Code wie oben und versuche, das Ergebnis zu ändern True to false über Javascript mit Prototype. Was könnte ich falsch machen?
Bearbeiten: Got it. Ich habe es nicht genannt. : D
Hier Beispiel des Codes arbeiten
<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>
Sie werden bemerken, dass ich ein wenig Link hinzugefügt, dass Sie tatsächlich klicken, um die Änderung vorzunehmen. Ich dachte, dies würde es einfacher machen, es wirklich auszuprobieren.