JavaScript DOM 如何实现？

Question

我是一个 JavaScript 菜鸟。

我想选择 div.box 的第二个“p”元素。 我该怎么做？

非常感谢! 汤姆

Answer 1

要获取带有类框的 div 的第二个 p 元素，您可以这样做:

var paragraph = null;
var divs = document.findElementsByTagName('div');
for (var i = 0; i < divs.length; i++) {
    var div = divs[i];
    if (div.class == 'box') {
        var paragraphs = div.getElementsByTagName('p');
        if (paragraphs.length > 1)
            paragraph = paragraphs[1];
        break;
    }
}

该段落将位于 paragraph 变量中(如果未找到，则为 null)。

但是，您可以使用诸如 jQuery 之类的库更轻松地完成此操作:

var paragraph = $('div.box p:eq(1)');