如何使用JavaScript枚舉所有自定義HTML標記？

Question

說我在HTML文件中的以下

<div class="foo"> item1 </div> 
<div class="foo"> item2 </div> 
<div class="foo"> item3 </div> 

我可以使用下面的JavaScript代碼輕鬆搞定所有這些div S：

document.getElementsByClassName("foo") 

這裏，foo某處在CSS文件的定義如下：

.foo { /* Some style */ } 

現在的問題是，有時候人們會定義foo作爲自定義HTML標籤如下

foo { /* Some style */ } 

，以便更簡潔的HTML：

<foo> item1 </foo> 
<foo> item2 </foo> 
<foo> item3 </foo> 

但後來上面的JavaScript線不工作了。在這種情況下，應該如何獲得所有foo節點？

Answer 1

你可以使用：

document.getElementsByTagName("foo"); 

更多信息請參見MDN。

Answer 2

使用同一類這樣 <foo class="foo"> item1 </foo> <foo class="foo"> item2 </foo> <foo class="foo"> item3 </foo>

或使用

document.getElementsByTagName("foo")