Heim > Web-Frontend > js-Tutorial > Eine Sammlung häufig verwendeter Objektattribute für JavaScript-Operationen mit XML/HTML_Javascript-Kenntnissen

Eine Sammlung häufig verwendeter Objektattribute für JavaScript-Operationen mit XML/HTML_Javascript-Kenntnissen

WBOY
Freigeben: 2016-05-16 15:34:25
Original
1094 Leute haben es durchsucht

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); 
Nach dem Login kopieren

Ausgabe: Titelelement:4

Javascript-Code

var y = xmlDoc.documentElement.childNodes; 
document.write(y.item(0).nodeName); 
Nach dem Login kopieren

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); 
Nach dem Login kopieren

Ausgabe: 1

Javascript-Code

document.write(x.item(0).attributes.getNamedItem(“category”); 
Nach dem Login kopieren

Ausgabe: KOCHEN

Javascript-Code

x.item(0).attributes.removeNamedItem(“category”); 
Nach dem Login kopieren

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>"); 
Nach dem Login kopieren

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); 
Nach dem Login kopieren

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比较常用的对象属性集锦的全部叙述就到此结束了,更多内容请登陆脚本之家官网了解更多,谢谢。

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage