首頁(yè) 猿問(wèn) 讀《DOM編程藝術(shù)》遇到的2個(gè)疑問(wèn) ？

讀《DOM編程藝術(shù)》遇到的2個(gè)疑問(wèn) ？

JavaScript

charsandrew 2018-01-04 05:39:05

? DOM編程藝術(shù)第2版第129頁(yè)對(duì)于圖中這段html代碼：<abbr?title="Document?Object?Model">DOM</abbr>使用firstChild屬性和lastChild屬性取得的不都是em元素節(jié)點(diǎn)嗎？為什么我覺得二者這里效果沒(méi)有差別呢？2.? DOM編程藝術(shù) 第140頁(yè)書中說(shuō)由于lastChild得到的節(jié)點(diǎn)可能不是一個(gè)元素節(jié)點(diǎn)，為了實(shí)現(xiàn)得到最后一個(gè)元素節(jié)點(diǎn)lastElementChild的效果，使用了下面的代碼：var?quoteElements?=?parentNode.getElementsByTagName('*'); var?elem?=?quoteElements[quoteElements.length?-?1];得到的 elem 就是父節(jié)點(diǎn)的最后一個(gè)元素節(jié)點(diǎn)。?可是我覺的無(wú)論lastChild 還是 lastElementChild 都指的是父節(jié)點(diǎn)的兒子節(jié)點(diǎn)吧，使用getElementsByTagName('*')不是將所有后代元素節(jié)點(diǎn)都列出來(lái)了嗎？lastElementChild 真的可以用上面代碼實(shí)現(xiàn)？？？求解惑。。。?

查看完整描述

1 回答

qq_0_165

TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個(gè)贊

1，我試過(guò)了：兩種得到的都是子節(jié)點(diǎn)DOM。反正，此處attr元素有1個(gè)子節(jié)點(diǎn)，是元素節(jié)點(diǎn)，又有1個(gè)子節(jié)點(diǎn)（文本節(jié)點(diǎn)DOM）。我覺得也許是書錯(cuò)了吧，你可以再自己試試！

2，因?yàn)椋琹astChild得到的可能是文本節(jié)點(diǎn)，而不是元素節(jié)點(diǎn)，因此，我們要使用parentNode.getElementsByTagName('*')得到所有的后代元素節(jié)點(diǎn)，就將所有的后代元素節(jié)點(diǎn)放在quoteElements 數(shù)組里面，獲取數(shù)組的最后一個(gè)元素（quoteElements[quoteElements.length?-?1]），那么，得到的肯定就是最后一個(gè)元素節(jié)點(diǎn)??！

反對(duì) 回復(fù) 2018-01-04

charsandrew
1. 是abbr元素 2. 抱歉問(wèn)題沒(méi)說(shuō)清楚，我想表達(dá)的是使用getElementsByTagName('*')得到的是父節(jié)點(diǎn)的所有子孫節(jié)點(diǎn)(兒子及所有后代節(jié)點(diǎn)), 而lastChild 或者 lastElementChild 無(wú)論如何得到的只是兒子節(jié)點(diǎn)呀。比如:<div id="div">this isspan.</div> 這段html， div的lastChild是p元素節(jié)點(diǎn)，而使用上面的方法得到的是span元素節(jié)點(diǎn)。

回復(fù) 2018-01-04
qq_0_165
你的理解沒(méi)有問(wèn)題，如果要找最后一個(gè)孩子節(jié)點(diǎn)確實(shí)不能使getElementsByTagName('*')這種方式！它會(huì)找出所有的后代元素，那么?。?！應(yīng)該只能使用lastChild吧！不好意思，我也不能解決你的問(wèn)題，不太理解書上那兩句話的意思！

回復(fù) 2018-01-04
charsandrew
謝謝回答，之前糾結(jié)的點(diǎn)就是到底是書上的問(wèn)題還是我理解的問(wèn)題。另外HTML5有個(gè)lastElementChild屬性。 https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/lastElementChild

回復(fù) 2018-01-05