DOM: innerHTML a innerText

Obě vlastnosti značně usňadňují práci s DOM, avšak obě jsou podporovány jen v Internet Exploreru (pouze innerHTML je možné použít i v Mozille)

innerHTML

Vlastnost innerHTML vrací veškerý obsah (všechny potomky) daného elementu. Například:

window.alert(text.innerHTML)

Tento skript vrátí dialogové okno se skriptem této stránky. Činí tak prostřednictvím identifikátoru (id) - text. Je zajímavé, že obash upraví tak, aby jména tagů byla velkými písmeny, atributy malými, vlastnosti CSS velkými a hodnoty atributů byly bez uvozovek.

Valstnost je možné použít i opačně. Máme-li prostor ve stránce označený identifikátorem (třeba pata), můžeme pomocí innerHTML vložit obsah pod tento identifikátor.

pata.innerHTML = "<p>obsah paty</p>"

innerText

Vlastnost innerText vrací textový obsah daného elementu a jeho podelementů

window.alert(text.innerText)

Tento skript vrátí pouze text této stránky.

Navigace