刚做项目的时候
Code
?1var?chooseids?=?Array();
?2????function?delThisSeat(obj)
?3????{
?4????????if(confirm("確定要移除這張票嗎?"))
?5????????{
?6????????????document.getElementById("buyNum").innerHTML?=?(parseFloat(document.getElementById("buyNum").innerHTML)-1);
?7????????????document.getElementById("buyFee").innerHTML?=?(parseFloat(document.getElementById("buyFee").innerHTML)-parseFloat(obj.previousSibling.firstChild.innerHTML));
?8????????????obj.parentNode.parentNode.removeChild(obj.parentNode);
?9????????????
10????????????var?tempChoo?=?document.getElementsByName("C_Name");
11????????????chooseids?=?Array();
12????????????for(var?i=0;i<tempChoo.length;i++)
13????????????{
14????????????????chooseids[i]?=?tempChoo.item(i).value;
15????????????}
16????????}
17????}
一開始在obj.previousSibling.firstChild.innerHTML這個地方用的是obj.previousSibling.firstChild.innerText,可在FF下顯示的是undefined,原來在FF下 li沒innerText這個屬性。
網(wǎng)上看到一些詳細(xì)的介紹,給大家分享一下:
屬性? 描述?
attributes? 如果該節(jié)點是一個Element,則以NamedNodeMap形式返回該元素的屬性。?
childNodes? 以Node的形式存放當(dāng)前節(jié)點的子節(jié)點。如果沒有子節(jié)點,則返回空數(shù)組。?
firstChild? 以Node的形式返回當(dāng)前節(jié)點的第一個子節(jié)點。如果沒有子節(jié)點,則為null。?
lastChild? 以Node的形式返回當(dāng)前節(jié)點的最后一個子節(jié)點。如果沒有子節(jié)點,則為null。?
nextSibling? 以Node的形式返回當(dāng)前節(jié)點的兄弟下一個節(jié)點。如果沒有這樣的節(jié)點,則返回null。?
nodeName? 節(jié)點的名字,Element節(jié)點則代表Element的標(biāo)記名稱。?
nodeType? 代表節(jié)點的類型。?
parentNode? 以Node的形式返回當(dāng)前節(jié)點的父節(jié)點。如果沒有父節(jié)點,則為null。?
previousSibling? 以Node的形式返回緊挨當(dāng)前節(jié)點、位于它之前的兄弟節(jié)點。如果沒有這樣的節(jié)點,則返回null。?
?
Node對象常用方法:
?
方法? 描述?
appendChild()? 通過把一個節(jié)點增加到當(dāng)前節(jié)點的childNodes組,給文檔樹增加節(jié)點。?
cloneNode()? 復(fù)制當(dāng)前節(jié)點,或者復(fù)制當(dāng)前節(jié)點以及它的所有子孫節(jié)點。?
hasChildNodes()? 如果當(dāng)前節(jié)點擁有子節(jié)點,則將返回true。?
insertBefore()? 給文檔樹插入一個節(jié)點,位置在當(dāng)前節(jié)點的指定子節(jié)點之前。如果該節(jié)點已經(jīng)存在,則刪除之再插入到它的位置。?
removeChild()? 從文檔樹中刪除并返回指定的子節(jié)點。?
replaceChild()? 從文檔樹中刪除并返回指定的子節(jié)點,用另一個節(jié)點替換它。?
接下來,讓我們使用上述的DOM應(yīng)用編程接口,來試著操作HTML文檔。
首先舉一個最簡單的例子, 用 DOM 動態(tài)生成一個 Loading 的 IMG 并加入頁面中, 當(dāng)頁面完全載入后, 就移除這個 IMG 對象.
?
屬性:
?
Attributes? 存儲節(jié)點的屬性列表 (只讀)
childNodes? 存儲節(jié)點的子節(jié)點列表 (只讀)
dataType? 返回此節(jié)點的數(shù)據(jù)類型
Definition? 以DTD或Xml模式給出的節(jié)點的定義 (只讀)
Doctype? 指定文檔類型節(jié)點 (只讀)
documentElement? 返回文檔的根元素 (可讀寫)
firstChild? 返回當(dāng)前節(jié)點的第一個子節(jié)點 (只讀)
Implementation? 返回XmlDOMImplementation對象
lastChild? 返回當(dāng)前節(jié)點最后一個子節(jié)點 (只讀)
nextSibling? 返回當(dāng)前節(jié)點的下一個兄弟節(jié)點(只讀)
nodeName? 返回節(jié)點的名字 (只讀)
nodeType? 返回節(jié)點的類型 (只讀)
nodeTypedValue? 存儲節(jié)點值 (可讀寫)
nodeValue? 返回節(jié)點的文本 (可讀寫)
ownerDocument? 返回包含此節(jié)點的根文檔 (只讀)
parentNode? 返回父節(jié)點 (只讀)
Parsed? 返回此節(jié)點及其子節(jié)點是否已經(jīng)被解析 (只讀)
Prefix? 返回名稱空間前綴 (只讀)
preserveWhiteSpace? 指定是否保留空白 (可讀寫)
previousSibling? 返回此節(jié)點的前一個兄弟節(jié)點 (只讀)
Text? 返回此節(jié)點及其后代的文本內(nèi)容 (可讀寫)
url 返回最近載入的Xml文檔的URL (只讀)
Xml 返回節(jié)點及其后代的Xml表示 (只讀)
方法:
?
appendChild? 為當(dāng)前節(jié)點添加一個新的子節(jié)點,放在最后的子節(jié)點后
cloneNode? 返回當(dāng)前節(jié)點的拷貝
createAttribute? 創(chuàng)建新的屬性
createCDATASection? 創(chuàng)建包括給定數(shù)據(jù)的CDATA段
createComment? 創(chuàng)建一個注釋節(jié)點
createDocumentFragment? 創(chuàng)建DocumentFragment對象
createElement? 創(chuàng)建一個元素節(jié)點
createEntityReference? 創(chuàng)建EntityReference對象
createNode? 創(chuàng)建給定類型,名字和命名空間的節(jié)點
createPorcessingInstruction? 創(chuàng)建操作指令節(jié)點
createTextNode? 創(chuàng)建包括給定數(shù)據(jù)的文本節(jié)點
getElementsByTagName? 返回指定名字的元素集合
hasChildNodes? 返回當(dāng)前節(jié)點是否有子節(jié)點
insertBefore? 在指定節(jié)點前插入子節(jié)點
Load? 導(dǎo)入指定位置的Xml文檔
loadXml? 導(dǎo)入指定字符串的Xml文檔
removeChild? 從子結(jié)點列表中刪除指定的子節(jié)點
replaceChild? 從子節(jié)點列表中替換指定的子節(jié)點
Save? 把Xml文件存到指定節(jié)點
selectNodes? 對節(jié)點進(jìn)行指定的匹配,并返回匹配節(jié)點列表
selectSingleNode? 對節(jié)點進(jìn)行指定的匹配,并返回第一個匹配節(jié)點
transformNode? 使用指定的樣式表對節(jié)點及其后代進(jìn)行轉(zhuǎn)換
transformNodeToObject? 使用指定的樣式表將節(jié)點及其后代轉(zhuǎn)換為對象
http://www.webajax.cn/ajax/2007-8-4/AJAX-RuMenGeChao-XML-He-DOM.html
轉(zhuǎn)載于:https://www.cnblogs.com/ITzen/archive/2008/04/01/1133426.html
與50位技術(shù)專家面對面20年技術(shù)見證,附贈技術(shù)全景圖總結(jié)
- 上一篇: WINFORM 多条件动态查询 通用代码
- 下一篇: 同步通信与异步通信以及阻塞和非阻塞之我见