Najlepszy samouczek XML DOM W 2024 r. W tym samouczku możesz dowiedzieć się
XML DOM,HTML DOM,Ładowanie pliku XML - wystąpienie cross-browser,Przykłady,Ważna uwaga!,Ładowanie ciąg XML - Cross-browser instancji,Przykłady,
XML DOM
DOM (Document Object Model Document Object Model) definiuje standardowy sposób dostępu i manipulowania dokumentu.
XML DOM
DOM XML (XML Document Object Model) definiuje standardową metodę dostępu i manipulowania dokumentami XML.
XML DOM dokument XML w widoku drzewa.
Wszystkie elementy mogą być dostępne za pośrednictwem drzewa DOM. Można zmodyfikować lub usunąć ich zawartość i stworzyć nowe elementy. Elementy, ich tekst, a ich właściwości są uważane za węzeł.
W naszym XML DOM samouczka , można dowiedzieć się więcej na temat DOM XML.
HTML DOM
HTML DOM definiuje standardowy sposób dla dostępu i manipulowania dokumentami HTML.
Wszystkie elementy HTML można uzyskać poprzez DOM HTML.
W naszym HTML DOM samouczka , można dowiedzieć się więcej o HTML DOM wiedzy. ,
Ładowanie pliku XML - wystąpienie cross-browser
Poniższy przykład dokument XML ( " note.xml ") do analizowania DOM obiekt XML, a następnie wyodrębnić pewne informacje za pośrednictwem JavaScript:
Przykłady
<html>
<body>
<h1>W3Schools Internal Note</h1>
<div>
<b>To:</b> <span id="to"></span><br />
<b>From:</b> <span id="from"></span><br />
<b>Message:</b> <span id="message"></span>
</div>
<script>
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","note.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>
</body>
</html>
Spróbuj »
Ważna uwaga!
Bo z wierzchu pliku XML ( "note.xml") z <to> elementu wyodrębnia tekst "Tove", składnia jest:
getElementsByTagName("to")[0].childNodes[0].nodeValue
Zauważ, że nawet plik XML zawiera tylko jeden <to> elementu, trzeba jeszcze określić indeks tablicy [0]. Jest tak, ponieważ metoda getElementsByTagName () zwraca tablicy.
Ładowanie ciąg XML - Cross-browser instancji
Poniższe przykłady ciąg analizowania XML obiektu XML DOM, a następnie wyodrębnić pewne informacje za pośrednictwem javascript:
Przykłady
<html>
<body>
<h1>W3Schools Internal Note</h1>
<div>
<b>To:</b> <span id="to"></span><br />
<b>From:</b> <span id="from"></span><br />
<b>Message:</b> <span id="message"></span>
</div>
<script>
txt="<note>";
txt=txt+"<to>Tove</to>";
txt=txt+"<from>Jani</from>";
txt=txt+"<heading>Reminder</heading>";
txt=txt+"<body>Don't forget me this weekend!</body>";
txt=txt+"</note>";
if (window.DOMParser)
{
parser=new DOMParser();
xmlDoc=parser.parseFromString(txt,"text/xml");
}
else // Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.loadXML(txt);
}
document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>
</body>
</html>
Spróbuj »