var par=s.parentNode; //得到s的父節點
var ns=s.nextSbiling; //獲得s的下一個兄弟節點
var ps=s.previousSbiling; //得到s的上一個兄弟節點
var fc=s.firstChild; //獲得s的第一個子節點
var lc=s.lastChile; //獲得s的最后一個子節點
JS獲取節點父級,子級元素
先說一下JS的獲取方法,其要比JQUERY的方法麻煩很多,后面以JQUERY的方法作對比。
JS的方法會比JQUERY麻煩很多,主要則是因為FF瀏覽器,FF瀏覽器會把你的換行也當作DOM元素
原生的JS獲取ID為test的元素下的子元素。
可以用:
這樣是沒有問題的
此時a.length=2;
但是如果我們換另一種方法
此時b.length 在IE瀏覽器中沒問題,其依舊等于2,但是在FF瀏覽器中則會使4,是因為FF把換行也當做一個元素了。
所以,在此,我們就要做處理了,需遍歷這些元素,把元素類型為空格而且是文本都刪除。
上述函數遍歷子元素,當元素里面有節點類型是文本并且文本類型節點的節點值是空的。就把他刪除。
nodeNames可以得到一個節點的節點類型,/\s/是非空字符在JS里的正則表達式。前面加!,則表示是空字符
test() 方法用于檢測一個字符串是否匹配某個模式.語法是: RegExpObject.test(string)
如果字符串 string 中含有與 RegExpObject 匹配的文本,則返回 true,否則返回 false。
nodeValue表示得到這個節點里的值。
removeChild則是刪除元素的子元素。
之后,在調用子,父,兄,這些屬性之前,調用上面的函數把空格清理一下就可以了
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com