出现的现问题

集合是没有display属性的，集合中的元素才有display属性。当你试图做 集合.style.display的时候，自然会报错。
错误
var odl =obj.getElementsByTagName(“dl”);
odl.style.display = “block”;

正确
var odl =obj.getElementsByTagName(“dl”)[0];
odl.style.display = “block”;
详情：https://blog.csdn.net/weixin_42636552/article/details/88227920

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2.         "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5.     <title>15-3下拉菜单练习</title>
  7.     <style type="text/css">
  8.         *{
  9.             margin: 0; padding: 0;
  10.         }
  12.         ul,li{
  13.             list-style: none;
  14.         }
  16.         #menuBox{
  17.             width: 600px;
  18.             margin: 30px auto;
  19.             background-color: #eeeeee;
  20.             border: 1px solid #cccccc;
  21.             height: 40px;
  22.             line-height: 40px;
  23.         }
  25.         #nemus  li{
  26.             float:left;
  27.         }
  29.         #nemus  li a{
  30.             display: block;
  31.             width:140px;
  32.             text-decoration: none;
  33.             color:#000;
  34.             text-align: center;
  35.         }
  37.         #nemus  li dl{
  38.             border: 1px solid #ccc;
  39.             background-color: #eeeeee;
  40.             width: 138px;
  41.         }
  42.         #nemus  li dl dt{
  43.             border-bottom: 1px solid #ccc;
  44.         }
  46.     </style>
  48.     <script type="text/javascript">
  50.         //鼠标挪动到标签上
  51.         function showMenu(obj) {
  52.            var odl =obj.getElementsByTagName("dl")[0];
  53.            odl.style.display = "block";
  56.         }
  59.         //鼠标挪开
  60.         function hideMenu(obj) {
  61.             var odl = obj.getElementsByTagName("dl")[0];
  62.             odl.style.display = "none";
  63.         }
  65.     </script>
  68. </head>
  69. <body>
  70.     <div id ="menuBox">
  71.         <ul id="nemus">
  72.             <li>
  73.                 <a href="#">首页</a>
  74.             </li>
  76.             <li onmousemove="showMenu(this)" onmouseout="hideMenu(this)">
  77.                 <a href="#">新闻</a>
  78.                 <dl style="display: none;">
  79.                     <dt>
  80.                         国际动态
  81.                     </dt> 
  82.                     <dt>
  83.                        国内要闻
  84.                     </dt>
  85.                 </dl>
  86.             </li>
  88.             <li onmousemove="showMenu(this)" onmouseout="hideMenu(this)">
  89.                 <a href="#">游戏下载</a>
  91.                 <dl style="display:none;">
  92.                     <dt>
  93.                       射击
  94.                     </dt>
  95.                     <dt>
  96.                        动作
  97.                     </dt>
  98.                     <dt>
  99.                        单机
  100.                     </dt>
  101.                     <dt>
  102.                         装扮
  103.                     </dt>
  104.                 </dl>
  106.             </li>
  108.             <li>
  109.                 <a href="#">关于我们</a>
  110.             </li>
  111.         </ul>
  113.     </div>
  115. </body>
  116. </html>