如何使用Javascript獲取所有孩子（即孩子的孩子）？

Question

我需要一個javascript函數或一個CSS Selector（甚至一個ProtoypeJS函數），它可以獲取特定元素下的所有元素（即后代）。

我知道有一些CSS選擇器，例如： 'p，a，div' ，這將獲得這三種類型的所有元素。 但是我需要在沒有指定類型的情況下獲得所有內容。

即。 我想要類似的東西

myElement.getElements('*')

Answer 1

您可以使用querySelectorAll

myElement.querySelectorAll('*')

注意： IE8 +支持

Answer 2

兼容IE的所有版本，而不僅僅是IE8 + ......

myElement.getElementsByTagName("*")

*被視為getElementsByTagName的特殊情況，無論標記名稱如何，都返回所有后代。 （這與querySelectorAll不同，其中*是匹配所有元素的真正選擇器）

Answer 3

將所有子元素作為擴展PrototypeJS數組的方法是childElements() http://api.prototypejs.org/dom/Element/prototype/childElements/

element.childElements()

對於其他情況，您可能希望縮小返回的子元素，您可以使用select()

element.select('div')

將返回element所有div子element

Answer 4

僅使用CSS就可以輕松完成此操作。 * （通用）選擇器以所有元素為目標。 如果您想要定位特定element所有子element ，那么您可以簡單地執行此操作：

element * {}