JS代码执行后没反应。。。。。。

xuexijava 2010-01-19 03:19:46
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Table4</title>
<style>
table{ width:250px; border:1px #999999 solid; border-collapse:collapse;}
table tr th{ font:Arial, Helvetica, sans-serif; font-size:12px; background-color:#48888A; border:1px #999999 solid; padding:4px 4px;}
table tr td{ border:1px #999999 solid;}
table tr td.iss{ background-color:#58A2EB; border:2px #2D5A64 solid;}
.others{ background-color:#999999;}
table tr td ul{ list-style-type:none; position:absolute; background-color:#0099CC;}
.aa{ display:none;}
.shows{ display:block;};
</style>
</head>
<body>
<table>
<tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th></tr>
<tr><td class="others">31</td><td>1</td><td class="iss">2 <ul class="aa"><li>说明1</li><li>说明二</li></ul></td><td>3</td><td>4</td><td>5</td><td>6</td></tr>
<tr><td class="iss">7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td><td class="iss">13</td></tr>
<tr><td>14</td><td>15</td><td>16</td><td class="iss">17</td><td class="iss">18</td><td>19</td><td>20</td></tr>
<tr><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td class="iss">26</td><td class="iss">27</td></tr>
<tr><td>28</td><td>29</td><td>30</td><td class="iss">31</td><td class="others">1</td><td class="others">2</td><td class="others">3</td></tr>
</table>
<script type="text/javascript">
var aa=document.getElementsByTagName("td");
alert("aa.length:"+aa.length);
for(var i=0;i<aa.length;i++){
if(aa[i].className=="iss"){
aa[i].onmouseover=function(){
//alert(""+this.getElementsByTagName("ul"));
this.getElementsByTagName("ul").className="shows";
alert("className:"+this.getElementsByTagName("ul").className);
}
aa[i].onmouseout=function(){
this.getElementsByTagName("ul").className="aa";
}
}
}

</script>
</body>
</html>
代码如上，为保TD中的UL不能够在鼠标移上去时显示。。。。？
...全文
119 4 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
fireman_me 2010-01-20
  • 打赏
  • 举报
 回复
看看
hookee 2010-01-19
  • 打赏
  • 举报
 回复 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

<title>Table4 </title> 

<style> 

table{ width:250px; border:1px #999999 solid; border-collapse:collapse;} 

table tr th{ font:Arial, Helvetica, sans-serif; font-size:12px; background-color:#48888A; border:1px #999999 solid; padding:4px 4px;} 

table tr td{ border:1px #999999 solid;} 

table tr td.iss{ background-color:#58A2EB; border:2px #2D5A64 solid;} 

.others{ background-color:#999999;} 

table tr td ul{ list-style-type:none; position:absolute; background-color:#0099CC;} 

.aa{ display:none;} 

.shows{ display:block;}; 

</style> 

</head> 

<body> 

<table> 

  <tr> <th>一 </th> <th>二 </th> <th>三 </th> <th>四 </th> <th>五 </th> <th>六 </th> <th>日 </th> </tr> 

  <tr> <td class="others">31 </td> <td>1 </td> <td class="iss">2 <ul class="aa"> <li>说明1 </li> <li>说明二 </li> </ul> </td> <td>3 </td> <td>4 </td> <td>5 </td> <td>6 </td> </tr> 

  <tr> <td class="iss">7 </td> <td>8 </td> <td>9 </td> <td>10 </td> <td>11 </td> <td>12 </td> <td class="iss">13 </td> </tr> 

  <tr> <td>14 </td> <td>15 </td> <td>16 </td> <td class="iss">17 </td> <td class="iss">18 </td> <td>19 </td> <td>20 </td> </tr> 

  <tr> <td>21 </td> <td>22 </td> <td>23 </td> <td>24 </td> <td>25 </td> <td class="iss">26 </td> <td class="iss">27 </td> </tr> 

  <tr> <td>28 </td> <td>29 </td> <td>30 </td> <td class="iss">31 </td> <td class="others">1 </td> <td class="others">2 </td> <td class="others">3 </td> </tr> 

</table> 

<script type="text/javascript"> 

var aa=document.getElementsByTagName("td"); 

alert("aa.length:"+aa.length); 

for(var i=0;i <aa.length;i++){ 

    if(aa[i].className=="iss"){ 

    aa[i].onmouseover=(function(obj){

	    return function(){

	  		if(obj.getElementsByTagName("ul")[0]) obj.getElementsByTagName("ul")[0].className="shows"; 

		}})(aa[i]);

    aa[i].onmouseout=(function(obj){

	    return function(){ 

	        if(obj.getElementsByTagName("ul")[0]) obj.getElementsByTagName("ul")[0].className="aa"; 

	    }})(aa[i]);

	} 

} 



</script> 

</body> 

</html>
jerryxiaosa 2010-01-19
  • 打赏
  • 举报
 回复 




var aa=document.getElementsByTagName("td");

alert("aa.length:"+aa.length);

for(var i=0;i <aa.length;i++){

    if(aa[i].className=="iss"){

    aa[i].onmouseover=function(){

//alert(""+this.getElementsByTagName("ul"));

  this.getElementsByTagName("ul")[0].className="shows"; //获得集合中的第一个元素

  alert("className:"+this.getElementsByTagName("ul").className);

}

              aa[i].onmouseout=function(){

                    this.getElementsByTagName("ul")[0].className="aa"; //获得集合中的第一个元素

                }

}

}

或者用指定id来选择
ad0128 2010-01-19
  • 打赏
  • 举报
 回复
getElementsByTagName 你获得的是一个集合啊。
twentysixteenreact, 8 个主题作为同构 React.js 应用程序使用 NodeifyWP.zip
twentysixteenreact, 8 个主题作为同构 React.js 应用程序使用 NodeifyWP React反应Twenty反应是一个同构的WordPress主题，... 该主题使用最新的JavaScript技术直接在PHP中执行 node.js 代码：React.jsReduxNodeifyWP
Android webview全屏播放HTML video
在Android开发中，Webview是一个非常重要的组件，它允许...同时，确保安全性和性能优化，例如限制JavaScript的执行，避免内存泄漏等。在使用Webview时，充分理解和灵活运用这些知识点将有助于构建更优质的Android应用。
为什么 JavaScript 代码不执行？
等）如果没有正确处理，可能会导致代码执行的顺序出现问题，进而看起来像是代码没有执行。某些浏览器可能存在与 JavaScript 引擎相关的错误，导致代码无法执行。浏览器可能缓存了旧版本的 JavaScript 文件，导致新...
js代码无法执行
1、首先F12看看有没有js错误，有的话改正。2、检查网页的标签是不是存在没有闭合等问题。如果js和html都诶有问题，单js还是没效果，清除一下浏览器缓存。如果还是不行，试试下面方法1、js的引入...2、js代码都放到网...
在Visual Studio Code中执行node xx.js没有反应
在VSCode编写完代码后，需要手动保存。如果没有保存去运行 node xx.js，则没有反应。可以在 Node.js 的官方网站（https://nodejs.org/）下载安装包进行安装。安装完成之后，在命令行中输入 node -v 命令来检查 Node....
CSS

61,129

社区成员

60,711

社区内容

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章