javascript - 如何在 javascript 中检查 li 元素是否具有内部 ul？

Question

美好的一天。

HTML:

<ul>
    <li class="sub"><a href="/katalog1/">catalog</a>
        <ul>
            <li class="dir"><a href="">subcatalog</a>               
                <ul>
                    <li><a href="">sublink</a></li>
                    <li><a href="">sublink</a></li>
                    <li><a href="">sublink</a></li>
                </ul>               
            </li>
            <li class="dir"><a href="">subcatalog</a></li>
            <li class="dir"><a href="">subcatalog</a></li>
        </ul>
    </li> 
    <li class="sub"><a href="">catalog</a></li>
    <li class="sub"><a href="">catalog</a></li>
    <li class="sub"><a href="">catalog</a></li>
    <li class="sub"><a href="">catalog</a></li>
</ul>

<style>

ul > li.sub:hover > ul{display:block;}
ul > li.sub:hover{
background: #fff url(../../images/arrow1.png) no-repeat 91% center;
border-bottom: 2px solid #e30613;
padding-right: 25px;
}
</style>

我使用脚本:

$('li.main_menu_top_li').has('ul').addClass('sub');

请告诉我如何在 javascript 上实现它(仅限 javascript)？

Answer 1

两种方法之一。

首先获取元素:

var d = document.getElementByClassName("li.main_menu_top_li");

然后:

if (d.firstChild) {
    // It has at least one
    d.className = d.className + " sub";
}

或 hasChildNodes() 函数:

if (element.hasChildNodes()) {
    // It has at least one
    d.className = d.className + " sub";
}