请问这段js代码为啥第一次点击无效,等到第二次点击才有效?接下来就可以循环了。。。问题在哪呢?
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!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>无标题文档</title>
<style>
#u1{width:200px;height:30px;overflow:hidden;}
</style>
</head>
<div onclick="hit('u1')" id="u1">
国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品</div>
<script language="JavaScript" type="text/javascript">
function hit(a){
var A=document.getElementById(a);
if(A.style.overflow=="hidden"){A.style.overflow="visible"}else{A.style.overflow="hidden"}
}
</script>
<body>
</body>
</html> 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
#u1{width:200px;height:30px;overflow:hidden;}
</style>
</head>
<div onclick="hit('u1')" id="u1">
国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品牌国内品</div>
<script language="JavaScript" type="text/javascript">
function hit(a){
var A=document.getElementById(a);
if(A.style.overflow=="hidden"){A.style.overflow="visible"}else{A.style.overflow="hidden"}
}
</script>
<body>
</body>
</html> 展开
2012-05-28
展开全部
A.style.xxx这样似乎取不到在style里定义的样式(?待研究)
第一次判断的时候A.style.overflow值为空,所以效果就是没反应,但已经设置为hidden,以后就正常了。如果只是简单的解决这个问题的话,可以判断是否为空
第一次判断的时候A.style.overflow值为空,所以效果就是没反应,但已经设置为hidden,以后就正常了。如果只是简单的解决这个问题的话,可以判断是否为空
追问
在顶部的css中已经设定他的overflow:hidden了,为什么第一次被判定值为空?
追答
确实取不到,具体原因未知
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |