Heim > Artikel > Web-Frontend > Eine Sammlung häufig verwendeter Objektattribute für JavaScript-Operationen mit XML/HTML_Javascript-Kenntnissen
Knotenobjekteigenschaften
childNodes – gibt die Knotenliste von Knoten zu untergeordneten Knoten zurück
firstChild – Gibt den ersten untergeordneten Knoten des Knotens zurück.
lastChild – Gibt den letzten untergeordneten Knoten des Knotens zurück.
nextSibling – Gibt den Geschwisterknoten zurück, der unmittelbar auf den Knoten folgt.
nodeName – Gibt den Namen des Knotens entsprechend seinem Typ zurück.
nodeType – Gibt den Typ des Knotens zurück.
nodeValue – Legt den Wert eines Knotens je nach Typ fest oder gibt ihn zurück.
ownerDocument – Gibt das Stammelement des Knotens (Dokumentobjekt) zurück.
parentNode – Gibt den übergeordneten Knoten des Knotens zurück.
previousSibling – Gibt den Geschwisterknoten zurück, der dem Knoten unmittelbar vorangeht.
text – Gibt den Text des Knotens und seiner Nachkommen zurück (nur IE).
xml – Gibt das XML des Knotens und seiner Nachkommen zurück (nur IE).
Methoden von Knotenobjekten
appendChild() – Fügt am Ende der Liste der untergeordneten Knoten des Knotens einen neuen untergeordneten Knoten hinzu.
cloneNode() – Knoten kopieren.
hasChildNodes() – bestimmt, ob der aktuelle Knoten untergeordnete Knoten hat.
insertBefore() – Fügt einen neuen untergeordneten Knoten vor dem angegebenen untergeordneten Knoten ein.
normalize() – Benachbarte Textknoten zusammenführen und leere Textknoten löschen.
removeChild() – Entfernt den angegebenen untergeordneten Knoten des aktuellen Knotens (und gibt ihn zurück).
replaceChild() – Ersetzt einen untergeordneten Knoten durch einen neuen Knoten.
Exklusiv für IE6
selectNodes() – Fragen Sie ausgewählte Knoten mithilfe eines XPath-Ausdrucks ab.
selectSingleNode() – Findet einen Knoten, der der XPath-Abfrage entspricht.
transformNode() – Konvertiert einen Knoten mithilfe von XSLT in einen String.
transformNodeToObject() – Verwenden Sie XSLT, um einen Knoten in ein Dokument umzuwandeln.
NodeList-Objekt
Länge – Gibt die Anzahl der Knoten in der Knotenliste zurück.
item() – Gibt den Knoten an der angegebenen Indexnummer in der Knotenliste zurück.
Zum Beispiel:
Javascript-Code
xmlDoc = loadXMLDoc(“books.xml”); var x = xmlDoc.getElementsByTagName(“title”); document.write(“title element:” + x.length);
Ausgabe: Titelelement:4
Javascript-Code
var y = xmlDoc.documentElement.childNodes; document.write(y.item(0).nodeName);
Ausgabe: Buch
NamedNodeMap-Objekt
Länge – Gibt die Anzahl der Knoten in der Liste zurück.
getNamedItem() – Gibt den angegebenen Knoten zurück. (mit Namen)
item() – Gibt den Knoten an der angegebenen Indexnummer zurück.
removeNamedItem() – Entfernt den angegebenen Knoten (basierend auf dem Namen).
Zum Beispiel:
Javascript-Code
xmlDoc = loadXMLDoc(“books.xml”); var x = xmlDoc.getElementsByTagName(“book”); document.write(x.item(0).attributes.length);
Ausgabe: 1
Javascript-Code
document.write(x.item(0).attributes.getNamedItem(“category”);
Ausgabe: KOCHEN
Javascript-Code
x.item(0).attributes.removeNamedItem(“category”);
Löschen Sie das Kategorieattribut des ersten Buchelements
Das Dokumentobjekt repräsentiert das gesamte XML-Dokument.
Eigenschaften des Dokumentobjekts.
async – Gibt an, ob der Download von XML-Dateien synchron verarbeitet werden soll.
childNodes – Gibt eine Liste von Knoten zurück, die untergeordnete Knoten des Dokuments sind.
doctype – Gibt die mit dem Dokument verknüpfte Dokumenttypdeklaration zurück.
documentElement – Gibt den untergeordneten Knoten des Dokuments zurück.
firstChild – Gibt den ersten untergeordneten Knoten des Dokuments zurück.
implementation – Gibt das DOMImplementation-Objekt zurück, das dieses Dokument verarbeitet. (IE hat es nicht)
lastChild – Gibt den letzten untergeordneten Knoten des Dokuments zurück.
nodeType – Gibt den Knotentyp zurück.
nodeName – Gibt den Namen des Knotens basierend auf seinem Typ zurück.
nodeValue – Gibt den Wert des Knotens basierend auf seinem Typ zurück.
text – Gibt den Text des Knotens und seiner Nachkommen zurück (nur IE).
xml – Gibt das XML des Knotens und seiner Nachkommen zurück (nur IE).
Methoden des Dokumentobjekts
createAttribute(att_name) – Erstellt einen Attributknoten mit dem angegebenen Namen und gibt ein neues Attributobjekt zurück.
createCDATASection(data) – Erstellt einen CDATA-Abschnittsknoten.
createComment(data) – Erstellt einen Kommentarknoten.
createDocumentFragment – Erstellt ein leeres DocumentFragment-Objekt und gibt dieses Objekt zurück.
createElement(node_name) – Erstellt einen Elementknoten.
createEntityReference(name) – Erstellt ein EntityReference-Objekt und gibt dieses Objekt zurück. (Nur IE)
createTextNode(data) – Erstellt einen Textknoten.
getElementById(elementid) – Sucht ein Element mit einer angegebenen eindeutigen ID.
getElementsByTagName(node_name) – Gibt alle Elementknoten mit dem angegebenen Namen zurück.
Zum Beispiel:
Javascript-Code
var xmlDoc = loadXMLDoc("book.xml"); xmlDoc.async = false; var book = xmlDoc.getElementsByTagName("book"); var newtext1="Special Offer & Book Sale"; var newCDATA=xmlDoc.createCDATASection(newtext1); book[0].appendChild(newCDATA); var newtext2="Revised September 2006"; var newComment=xmlDoc.createComment(newtext2); book[0].appendChild(newComment); var var newel=xmlDoc.createElement('edition'); var newtext3=xmlDoc.createTextNode('First'); newel.appendChild(newtext3); book[0].appendChild(newel); document.write("<xmp>" + xmlDoc.xml + "</xmp>");
Element 对象的属性
attributes—返回元素的属性的NamedNodeMap
childNodes—返回元素的子节点的NodeList
firstChild—返回元素的首个子节点。
lastChild—返回元素的最后一个子节点。
nextSibling—返回元素之后紧跟的节点。
nodeName—返回节点的名称。
nodeType—返回元素的类型。
ownerDocument—返回元素所属的根元素(document对象)。
parentNode—返回元素的父节点。
previousSibling—返回元素之前紧跟的节点。
tagName—返回元素的名称。
text—返回节点及其后代的文本。(IE-only)
xml—返回节点及其后代得XML。(IE-only)
Element对象的方法
appendChild(node)—向节点的子节点列表末尾添加新的子节点。
cloneNode(true)—克隆节点。
getAttribute(att_name)—返回属性的值。
getAttributeNode(att_name)—以 Attribute 对象返回属性节点。
getElementsByTagName(node_name)—找到具有指定标签名的子孙元素。
hasAttribute(att_name)—返回元素是否拥有指定的属性。
hasAttributes()—返回元素是否拥有属性。
hasChildNodes()—返回元素是否拥有子节点。
insertBefore(new_node,existing_node)—在已有的子节点之前插入一新的子节点。
removeAttribute(att_name)—删除指定的属性。
removeAttributeNode(att_node)—删除指定的属性节点。
removeChild(node)—删除子节点。
replaceChild(new_node,old_node)—替换子节点。
setAttribute(name,value)—添加新的属性或者改变属性的值。
setAttribute(att_node)—添加新的属性。
Javascript代码
x=xmlDoc.getElementsByTagName('book'); for(i=0;i<x.length;i++) { attnode=x.item(i).getAttributeNode("category"); document.write(attnode.name); document.write(" = "); document.write(attnode.value); document.write("<br />"); } for(i=0;i<x.length;i++){ document.write(x[i].getAttribute('category')); document.write("<br />"); } xmlDoc=loadXMLDoc("/example/xdom/books.xml"); x=xmlDoc.getElementsByTagName('book'); document.write(x[0].getAttribute('category')); document.write("<br />"); x[0].removeAttribute('category'); document.write(x[0].getAttribute('category')); var attnode = x[1].getAttributeNode("category"); var y = x[1].removeAttributeNode(attnode); document.write("<xmp>" + xmlDoc.xml + "</xmp>"); function get_lastchild(n) { x = n.lastChild; while(x.noteType!=1){ x = x.previousSibling; } return x; } function get_firstChild(n){ x = n.firstChild; whild(x.nodeType!=1){ x=x.nextSibling; } return x; } xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.getElementsByTagName("book")[0]; deleted_node=x.removeChild(get_lastchild(x)); document.write("Node removed: " + deleted_node.nodeName);
Attr对象
Attr 对象表示 Element 对象的属性。
name—返回属性的名称。
nodeName—返回节点的名称,依据其类型
nodeType—返回节点的类型。
nodeValue—设置或返回节点的值,依据其类型
ownerDocument—返回属性所属的根元素(document对象)。
specified—如果属性值被设置在文档中,则返回 true,如果其默认值被设置在 DTD/Schema 中,则返回 false。
value—设置或返回属性的值。
text—返回属性的文本。IE-only。
xml—返回属性的 XML。IE-only。
Text对象的属性
data—设置或返回元素或属性的文本。
length—返回元素或属性的文本长度。
Text对象的方法
appendData(string)—向节点追加数据。
deleteData(start,length)—从节点删除数据。
insertData(start,string)— 向节点中插入数据。
replaceData(start,length,string)—替换节点中的数据。
replaceData(offset)— 把一个 Text 节点分割成两个。
substringData(start,length)— 从节点提取数据。
关于JavaScript操作XML/HTML比较常用的对象属性集锦的全部叙述就到此结束了,更多内容请登陆脚本之家官网了解更多,谢谢。