Latest web development tutorials

Obiekt HTML DOM

Nieruchomość jest wartość węzła (elementy HTML), można pobrać lub ustawić.


Interfejs programowania

Przez JavaScript (oraz innych języków programowania) do HTML dostępu DOM.

Wszystkie elementy HTML są zdefiniowane jako przedmiot, a interfejs programowania jest metoda obiektu i właściwości obiektu.

Metoda jest operacja (takie jak dodawanie lub modyfikować elementy), które można wykonać.

Nieruchomość jest to, że można pobrać lub ustawić wartość (na przykład nazwę węzła lub treści).


Obiekt innerHTML

Najprostszym sposobem, aby uzyskać zawartość elementu jest wykorzystanie właściwości innerHTML.

Obiekt innerHTML dostać lub wymienić zawartość elementów HTML przydatnych.

Przykłady

Poniższy kod pobiera id = "intro" element <p> innerHTML:

Przykłady

<html>
<body>

<p id="intro">Hello World!</p>

<script>
var txt=document.getElementById("intro").innerHTML;
document.write(txt);
</script>

</body>
</html>

Spróbuj »

W powyższym przykładzie, getElementById jest metodą, przy innerHTML jest właściwością.

lampa

Obiekt innerHTML może być użyty do uzyskania lub zmieniać żadnych elementów HTML, w tym <html> i <body>.



atrybut NodeName określa nazwę węzła.

  • nodeName jest tylko do odczytu
  • NODENAME o tej samej nazwie tagu węzła elementu
  • nodeName atrybutów węzłów o tej samej nazwie atrybutu
  • węzeł tekstowy nodeName jest zawsze #text
  • Węzeł dokument nodeName jest zawsze #document

Uwaga: nodeName zawsze zawierają wielką elementu HTML nazwę znacznika.


Obiekt nodeValue

NodeValue wartość nieruchomości określona węzła.

  • nodeValue węzeł elementem jest niezdefiniowane lub wartość null
  • węzeł tekstowy nodeValue jest sam tekst
  • nodeValue węzeł atrybutu jest wartość atrybutu

Pobiera wartość elementu

Poniższy przykład pobiera <id = "intro" p> wartości węzłów tekstowych tag:

Przykłady

<html>
<body>

<p id="intro">Hello World!</p>

<script type="text/javascript">
x=document.getElementById("intro");
document.write(x.firstChild.nodeValue);
</script>

</body>
</html>

Spróbuj »


Obiekt nodeType

Obiekt nodeType zwraca typ węzła. nodeType jest tylko do odczytu.

typy węzłów są ważniejsze:

Element Type NodeType
element 1
nieruchomość 2
tekst 3
uwaga 8
plik 9