javascript - 选择所有 h3 元素并根据日期模式标记它们

Question

<h3>Thursday, April 7th, 2016 - Wednesday, April 13th, 2016</h3> 
<h3>Thursday, April 14th, 2016 - Wednesday, April 20th, 2016</h3>
<h3>Thursday, April 21st, 2016 - Wednesday, April 27th, 2016</h3>

<script>
var $h3s = $('h3');        
for (var i = 0; i < $h3s.length; i++) {
        var element = $h3s[i];
        var $h3 = $(element);
        var today = 'Thursday, May 14th, 2016';
            $h3.html( $h3.html() + " " + today);

    }
    </script>

有没有办法使用 Javascript 选择所有 h3 元素并根据上述模式标记它们？我知道如何选择和迭代所有 h3 元素并将它们命名为相同的名称，但我想根据此日期模式来命名它们。

Answer 1

要选择所有 h3 元素，您可以使用 getElementsByTagName()。

var x = document.getElementsByTagName("h3");

然后你可以使用这个变量x来做任何你想做的事情。

根据documentation getElementsByTagName() :

The getElementsByTagName() method returns a collection of all elements in the document with the specified tag name, as a NodeList object.

The NodeList object represents a collection of nodes. The nodes can be accessed by index numbers. The index starts at 0.