Rumah  >  Artikel  >  hujung hadapan web  >  Koleksi atribut objek yang biasa digunakan untuk operasi JavaScript pada kemahiran XML/HTML_javascript

Koleksi atribut objek yang biasa digunakan untuk operasi JavaScript pada kemahiran XML/HTML_javascript

WBOY
WBOYasal
2016-05-16 15:34:251073semak imbas

Sifat objek nod

childNodes—mengembalikan senarai nod dari nod ke nod child

firstChild—Mengembalikan nod anak pertama nod.
lastChild—Mengembalikan nod anak terakhir nod.

nextSibling—Mengembalikan nod adik beradik serta-merta mengikut nod.

nodeName—Mengembalikan nama nod, mengikut jenisnya.
nodeType—Mengembalikan jenis nod.
nodeValue—Menetapkan atau mengembalikan nilai nod, mengikut jenisnya.

ownerDocument—Mengembalikan elemen akar nod (objek dokumen).

parentNode—Mengembalikan nod induk nod.

Sibling sebelumnya—Mengembalikan nod adik beradik serta-merta sebelum nod.

teks—Mengembalikan teks nod dan keturunannya (IE sahaja).

xml - Mengembalikan XML nod dan keturunannya (IE sahaja).

Kaedah objek nod

appendChild()—Menambahkan nod anak baharu pada penghujung senarai nod anak nod.

cloneNode()—Salin nod.

hasChildNodes()—menentukan sama ada nod semasa mempunyai nod anak.

insertBefore()—Memasukkan nod anak baharu sebelum nod anak yang ditentukan.

normalize()—Gabungkan nod Teks bersebelahan dan padamkan nod Teks kosong.

removeChild()—Mengalih keluar (dan mengembalikan) nod anak yang ditentukan bagi nod semasa.

replaceChild()—Ganti nod anak dengan nod baharu.

Eksklusif untuk IE6

selectNodes()—Soal pilih nod menggunakan ungkapan XPath.

selectSingleNode()—Mencari nod yang sepadan dengan pertanyaan XPath.

transformNode()—Tukar nod kepada rentetan menggunakan XSLT.

transformNodeToObject()—gunakan XSLT untuk mengubah nod menjadi dokumen.

objek NodeList

panjang – Mengembalikan bilangan nod dalam senarai nod.

item()—Mengembalikan nod pada nombor indeks yang ditentukan dalam senarai nod.

Contohnya:

Kod JavaScript

xmlDoc = loadXMLDoc(“books.xml”); 
var x = xmlDoc.getElementsByTagName(“title”); 
document.write(“title element:” + x.length); 

Output: elemen tajuk:4

Kod JavaScript

var y = xmlDoc.documentElement.childNodes; 
document.write(y.item(0).nodeName); 

Output: buku

NamedNodeMap objek

panjang—Mengembalikan bilangan nod dalam senarai.

getNamedItem()—Mengembalikan nod yang ditentukan. (dengan nama)

item()—Mengembalikan nod pada nombor indeks yang ditentukan.

removeNamedItem()—Mengalih keluar nod yang ditentukan (berdasarkan nama).

Contohnya:

Kod JavaScript

xmlDoc = loadXMLDoc(“books.xml”); 
var x = xmlDoc.getElementsByTagName(“book”); 
document.write(x.item(0).attributes.length); 

Output: 1

Kod JavaScript

document.write(x.item(0).attributes.getNamedItem(“category”); 

Output: MEMASAK

Kod JavaScript

x.item(0).attributes.removeNamedItem(“category”); 

Padamkan atribut kategori bagi elemen buku pertama

Objek dokumen mewakili keseluruhan dokumen XML.

Sifat objek Dokumen.

async—Menentukan sama ada muat turun fail XML harus diproses secara serentak.

childNodes—Mengembalikan senarai nod yang merupakan nod anak dokumen.

doctype—Mengembalikan pengisytiharan jenis dokumen yang dikaitkan dengan dokumen.

documentElement—Mengembalikan nod anak dokumen.

firstChild—Mengembalikan nod anak pertama dokumen.

implementation—Mengembalikan objek DOMImplementation yang mengendalikan dokumen ini. (IE tidak memilikinya)

lastChild—Mengembalikan nod anak terakhir dokumen.

nodeType—Mengembalikan jenis nod.

nodeName—Mengembalikan nama nod berdasarkan jenisnya.

nodeValue—Mengembalikan nilai nod berdasarkan jenisnya.

teks—Mengembalikan teks nod dan keturunannya (IE sahaja).

xml - Mengembalikan XML nod dan keturunannya (IE sahaja).

Kaedah objek Dokumen

createAttribute(att_name)—Mencipta nod atribut dengan nama yang ditentukan dan mengembalikan objek atribut baharu.
createCDATASection(data)—Mencipta nod bahagian CDATA.
createComment(data)—Mencipta nod ulasan.
createDocumentFragment—Mencipta objek DocumentFragment kosong dan mengembalikan objek ini.
createElement(node_name)—Mencipta nod elemen.
createEntityReference(name)—Mencipta objek EntityReference dan mengembalikan objek ini. (IE sahaja)
createTextNode(data)—Mencipta nod teks.
getElementById(elementid)—Mencari elemen dengan ID unik yang ditentukan.
getElementsByTagName(node_name)—Mengembalikan semua nod elemen dengan nama yang ditentukan.

Contohnya:

Kod JavaScript

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn