<div class="list3">...-慕课网

                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /信息列表制作

<div class="list3">
    <h3>悬停出现下拉内容</h3>
    <ul>
        <li onmouseover="showDl()" onmouseout="hideDl()">南京长江三桥上大货车自燃 上百台空调烧毁
            <dl id="oDl1">
                <dt>新疆大毛拉遇害现场4人行凶</dt>
                <dd>女巨贪被引渡 村官欠债自焚</dd>
                <dd>女生遭围殴拍砖 一家杀女婿</dd>
            </dl>
        </li>
        <li onmouseover="showD2()" onmouseout="hideD2()">南京长江三桥上大货车自燃 上百台空调烧毁
            <dl id="oDl2">
                <dt>新疆大毛拉遇害现场4人行凶</dt>
                <dd>女巨贪被引渡 村官欠债自焚</dd>
                <dd>女生遭围殴拍砖 一家杀女婿</dd>
            </dl>
        </li>
    </ul>
</div>
<div class="list4">
    <h3>悬停出现下拉内容</h3>
    <ul>
        <li onmouseover="showDl3(this)" onmouseout="hideDl3(this)">南京长江三桥上大货车自燃 上百台空调烧毁
            <dl id="oDl1">
                <dt>新疆大毛拉遇害现场4人行凶</dt>
                <dd>女巨贪被引渡 村官欠债自焚</dd>
                <dd>女生遭围殴拍砖 一家杀女婿</dd>
            </dl>
        </li>
        <li onmouseover="showDl3(this)" onmouseout="hideDl3(this)">南京长江三桥上大货车自燃 上百台空调烧毁
            <dl id="oDl2">
                <dt>新疆大毛拉遇害现场4人行凶</dt>
                <dd>女巨贪被引渡 村官欠债自焚</dd>
                <dd>女生遭围殴拍砖 一家杀女婿</dd>
            </dl>
        </li>
    </ul>
</div>

我正好一个例子接着一个例子写的，发现个问题，要是我文档里面还是别的dl不就不能这么get标签了么。。。窘况是这样的，我鼠标在这边的li上滑动，把前面例子里写的li给展开了，就是对应的getElementsByTagName('dl')[]后面输入值的li，该怎么弄呢