JS问题 急! 在线等?

Hechunwei211 2009-11-24 11:51:26
我写了个JS; innerHTML 在IE里面可以得到 <td id ="demo1"> 它的id

为什么 在 firefox 里面不识别 innerHTML firefox 里面图片显示不出来
以下为代码:

<div class="sBanner" title="全方位的应急通信解决方案提供商">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<div id="lftContent" style="background-image:url(App_Themes/Default/Image/imgbox_Solution_tit00.jpg); width:356px; height:198px; padding-left:30px; padding-top:50px;">
<div style="background-image:url(App_Themes/Default/Image/imgbox_Solution_tit08.jpg);width:304px; height:46px;"></div>
<div id="content_center_3" style=" width:215px; margin-top:20px;">
<table cellspacing="0" cellpadding="0" border="0">
<input type="hidden" name="ImgsName" />
<tbody>
<tr>
<td align="left" style=" height:120px;">
<img onclick="javascript:aavalue();" height="33" src="App_Themes/Default/Image/imgbox_Solution_tit01.jpg" width="19" style="cursor:hand; margin-right:10px;" /></td>
<td align="middle" valign="middle" style="height: 120px"><div id="demo" style="OVERFLOW: hidden; WIDTH: 312px;HEIGHT: 101px;">
<table border="0" align="left" cellpadding="0" cellspacing="0" cellspace="0">
<tbody>
<tr>
<td >
<div id="demo1" >
<table border="0" cellspacing="2" cellpadding="0">
<tr>
<td width="95px" align="center">
<img src="App_Themes/Default/Image/imgbox_Solution_tit03.jpg" style=" margin-right:10px;" />
<br />
<a href="ProductDetail.aspx?Id=10" style="text-decoration:none;"><span style=" font-size:9pt; color:#3D82BB; padding:5px; font-weight:bold">卫星通讯</span></a>
</td>
<td width="95px" align="center">
<img src="App_Themes/Default/Image/imgbox_Solution_tit04.jpg" style=" margin-right:10px;" />
<br />
<a href="ProductDetail.aspx?Id=1" style="text-decoration:none;"><span style=" font-size:9pt; color:#3D82BB; padding:5px; font-weight:bold">车辆改装</span></a>
</td>
<td width="95px" align="center">
<img src="App_Themes/Default/Image/imgbox_Solution_tit05.jpg" style=" margin-right:10px;"/>
<br />
<a href="ProductDetail.aspx?Id=20" style="text-decoration:none;"><span style=" font-size:9pt; color:#3D82BB; padding:5px; font-weight:bold">短波通讯</span></a>
</td>
<td width="95px" align="center">
<img src="App_Themes/Default/Image/imgbox_Solution_tit06.jpg" style=" margin-right:10px;" />
<br />
<a href="ProductDetail.aspx?Id=8" style="text-decoration:none;"><span style=" font-size:9pt; color:#3D82BB; padding:5px; font-weight:bold">电视会议系统</span></a>
</td>
<td width="95px" align="center">
<img src="App_Themes/Default/Image/imgbox_Solution_tit07.jpg" style=" margin-right:10px;"/>
<br />
<a href="ProductDetail.aspx?Id=6" style="text-decoration:none;"><span style=" font-size:9pt; color:#3D82BB; padding:5px; font-weight:bold">无限视频传输</span></a>
</td>
</tr>

</table>
</div>
</td>
<td id="demo2" valign="top" style="height: 85px"></td>
<td id="demo3" valign="top" style="height: 85px"></td>
<td id="demo4" valign="top" style="height: 85px"></td>
<td id="demo5" valign="top" style="height: 85px"></td>
<td id="demo6"
valign="top" ></td>
</tr>
</tbody>
</table>
</div>
</td>

<td align="right" >
<img onclick="javascript:aavalue1();" height="33"src="App_Themes/Default/Image/imgbox_Solution_tit02.jpg" width="19" style="cursor:hand; margin-left:10px;" />
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
<td>
<div id="riegthimgs" style="background-image:url(App_Themes/Default/Image/index_banner_regth01.jpg); width:532px; height:248px; text-align:left;"></div>
</td>
</tr>
</table>
</div>


下面是 JS
<script type="text/javascript" language="javascript">

var url=window.location.href.toLocaleLowerCase()
for(var i=0;i<document.getElementsByName("indexMean").length;i++)
{
var ahref = document.getElementsByName("indexMean")[i].href.toLocaleLowerCase().split('/');
var page = ahref[ahref.length-1];

if(url.indexOf(page)!=-1)
{
document.getElementsByName("indexMean")[i].className="MeanOn";
}
if(url.indexOf("productdetail.aspx")!=-1)
{
document.getElementsByName("indexMean")[2].className="MeanOn";
}

}
</script>
<script type="text/javascript" language="javascript" src="Scripts/SetHomePage.js">s</script>
<script type="text/javascript" language="javascript">

var speed=15;

demo2. getElementById("demo2").innerHTML = document.forms.elements['demo1'].innerHTML;
demo3.getElementById("demo3").innerHTML =document.forms.elements['demo1'].innerHTML;
demo4.getElementById("demo4").innerHTML=document.forms.elements['demo1'].innerHTML;
demo5.getElementById("demo5").innerHTML=document.forms.elements['demo1'].innerHTML;
demo6.getElementById("demo6").innerHTML=document.forms.elements['demo1'].innerHTML;

// demo2.innerHTML=demo1.innerHTML;
// demo3.innerHTML=demo1.innerHTML;
// demo4.innerHTML=demo1.innerHTML;
// demo5.innerHTML=demo1.innerHTML;
// demo6.innerHTML=demo1.innerHTML;
var aa;
function Marquee(){

aa=document.all["ImgsName"].value;
if (aa=="1"){

if(demo6.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}else{
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo6.offsetWidth
else{
demo.scrollLeft--
}
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
<script language="JavaScript" type="text/javascript">
function aavalue(){
document.all["ImgsName"].value='1';
}
function aavalue1(){
document.all["ImgsName"].value='0';
}

</script>


请高手指点:
...全文
186 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
sohighthesky 2009-11-24
  • 打赏
  • 举报
回复
1.所有的 demo2. getElementById("demo2")换成document.getElementById("demo2").
2. 所有的document.all["ImgsName"].value='1';换成document.getElementById("ImgsName").
阿非 2009-11-24
  • 打赏
  • 举报
回复
[Quote=引用 5 楼 hechunwei211 的回复:]
上面说了的啊?
demo2.innerHTML=demo1.innerHTML;
demo3.innerHTML=demo1.innerHTML;
demo4.innerHTML=demo1.innerHTML;
demo5.innerHTML=demo1.innerHTML;
demo6.innerHTML=demo1.innerHTML;


这个在 IE 版本里面没问题 ; 在 firefox 里面不识别 innerHTML  firefox 里面图片显示不出来

[/Quote]
innerHTML 是 符合w3c 的, ff下没问题
有问题的是demox.innerHTML 这个是IE 下的写法, 不符合w3c
要改成 document.getElementById(id).innerHTML
「已注销」 2009-11-24
  • 打赏
  • 举报
回复
ff绝对是识别innerHTML的。楼主看看你的代码,符合w3c标准吗?
[Quote=引用楼主 hechunwei211 的回复:]
    demo2. getElementById("demo2").innerHTML = document.forms.elements['demo1'].innerHTML;
    demo3.getElementById("demo3").innerHTML =document.forms.elements['demo1'].innerHTML;
    demo4.getElementById("demo4").innerHTML=document.forms.elements['demo1'].innerHTML;
    demo5.getElementById("demo5").innerHTML=document.forms.elements['demo1'].innerHTML;
    demo6.getElementById("demo6").innerHTML=document.forms.elements['demo1'].innerHTML;

    // demo2.innerHTML=demo1.innerHTML;
    // demo3.innerHTML=demo1.innerHTML;
    // demo4.innerHTML=demo1.innerHTML;
    // demo5.innerHTML=demo1.innerHTML;
    // demo6.innerHTML=demo1.innerHTML;
[/Quote]
改为
document.getElementById("demo6").innerHTML=document.getElementById('demo1').innerHTML;
......
Hechunwei211 2009-11-24
  • 打赏
  • 举报
回复
上面说了的啊?
demo2.innerHTML=demo1.innerHTML;
demo3.innerHTML=demo1.innerHTML;
demo4.innerHTML=demo1.innerHTML;
demo5.innerHTML=demo1.innerHTML;
demo6.innerHTML=demo1.innerHTML;


这个在 IE 版本里面没问题 ; 在 firefox 里面不识别 innerHTML firefox 里面图片显示不出来
马老虎 2009-11-24
  • 打赏
  • 举报
回复
确实太长,并且很乱
mzjmicrosoft 2009-11-24
  • 打赏
  • 举报
回复
上帝,你最起码应该把主要问题贴出来

太长.....
Hechunwei211 2009-11-24
  • 打赏
  • 举报
回复
楼上俺说的是 ff 不识别?不管哪个的事哈!你没说多呢?

62,047

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

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