javascript - 确定 DIV 中的文本为粗体

Question

我有一个如下所示的 HTML 结构

<div>Some text</div>
<div class='inBold'>Hello <b>Dude</b></div>
<div class='inBold'>Hello <span class="boldText">Dude</span></div>
<div class='inBold'>Hello <strong>Dude</strong></div>

CSS 是

.boldText{ font-weight : bold; }

现在我只想检查字符串 Dude 是否在所有 DIV 中都是粗体。似乎处理 HTML 会很麻烦，因为有很多方法可以提供粗体格式。如何识别 DIV 中的某些文本是否为粗体。请帮我解决这个问题

Answer 1

var divs = document.getElementsByClassName('inBold');
for(var i = 0; i < divs.length; i++)
    console.log(isBold(divs[i]));

function isBold(node){
     var childNodes = node.childNodes;
     for(var i = 0; i < childNodes.length; i++)
         if(childNodes[i].nodeType != 3 && (childNodes[i].className.indexOf('boldText') != -1 
            || childNodes[i].tagName == 'B'
            || childNodes[i].tagName == 'STRONG'))
             return true;
     return false;
}

参见 fiddle