javascript - 查找一个元素是否只包含一个元素，如果为真则隐藏父元素

Question

我需要一个 javascript 而不是 jquery 解决方案来解决这个问题。任何帮助都会很棒。我需要检查 p 标签是否只有一个 br 标签，如果有，则隐藏 p 标签。

<blockquotes> 

<p>

<br> </br> < so if this is the only element then hide the p tag 

</p>

</blockquotes>

Answer 1

尝试这个。

function hidePTags() {
    var pTags = document.getElementsByTagName('p');
    for (var i = 0; i < pTags.length; i++) {
        if (pTags[i].children.length == 1 && pTags[i].children[0].tagName == "br") {
            pTags[i].style.visibility = "hidden";
        }
    }
}