JavaScript HTML DOM

Links

• JavaScript

DOM-Elemente finden

var list = document.getElementsByTagName("UL")[0];
var elem = document.getElementById("xyz");

Einbindung in HTML

 <button onclick="myFunction()">Click me</button> 
 <button onclick="alert('Hi')">Click to alert</button>

<p onclick="myFunction()">Click me to change my text color.</p>
<script>
function myFunction() {
    document.getElementById("demo").style.color = "red";
}

<button onclick="myFunction()">Copy Text</button>

<script>
function myFunction() {
    document.getElementById("text2").value = document.getElementById("text2").value;
    document.getElementById("textarea2").innerHTML = document.getElementById("textarea2").innerHTML;
    var field = document.getElementById("field1");
    field.style.visibility = field.style.visibility == "hidden" ? "visible" : "hidden";
}
</script>