JS: HTML-Elemente verändern

edit | delete

Autor: Ralf v.d.Mark

eingetragen: Mittwoch, 27. März 2019 um 16:06 Uhr (13/2019 Kalenderwoche)

geändert: Mittwoch, 27. März 2019 um 16:06 Uhr (13/2019 Kalenderwoche)

Keywords: ajax load jquery einblenden ersetzen

Kategorien: HTML, JavaScript,

Text:

Beispiel, wie man einfach eine HTML-Element verändern oder ausblenden kann.
Bei Aufruf der JS-Funktion "htmlVeraendern()" wird der Span-Tag verändert.

Quellcode:   

Man kann es so schreiben
<span id="idDesHtmlBereichs">Text der ersetzt wird!</span>

oder mit JS das HTML erzeugen lassen:

<script type="text/javascript">
document.write('<span id="idDesHtmlBereichs">Text der ersetzt wird!</span>');


/**
 * Verändert bei Aufruf ein Html-Element
 *
 * @name       Funktion/Methode "htmlVeraendern()"
 * @author     Ralf von der Mark (vdM), Ref. 223 (Entwicklung), BLE <Ralf.vonderMark@BLE.de>
 *
 * @return array  (Beschreibung)
 */
function htmlVeraendern()
{
    document.getElementById("idDesHtmlBereichs").style.color ="red";
    document.getElementById("idDesHtmlBereichs").style.fontWeight ="bold";
    document.getElementById("idDesHtmlBereichs").innerHTML = "Ein neuer Text!";
}//ENDE: function htmlVeraendern(...)

</script>