javascript怎么動態命名？

BILLSJONE 2004-10-18 07:26:40
這樣是正常的：
h1img.innerHTML="<img src='images/tree_folder3.gif' width='15' height='15' border='0'>";
h2img.innerHTML="<img src='images/tree_folder3.gif' width='15' height='15' border='0'>";

但我想動態命名，用下面這樣出錯，請問怎么樣才能動態命名？
for(i=0;i<2;i++){
h[i+"img"].innerHTML="<img src='images/tree_folder3.gif' width='15' height='15' border='0'>";
}
...全文
209 15 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
15 条回复
切换为时间正序
请发表友善的回复…
发表回复
BILLSJONE 2004-10-19
  • 打赏
  • 举报
 回复
我改成這樣也不行啊
for(img=1;img<2;img++){
eval("h"+i+"img").innerHTML="<img src='images/tree_folder3.gif' width='15' height='15' border='0'>";
}
能不能把你改的代碼帖出來給我?
partime 2004-10-19
  • 打赏
  • 举报
 回复
open_all中

for(img=0;img<2;img++)
应该是
for(img=1;img<2;img++)吧
你没有h0img

其他地方的代码也有同样的问题
修改你的代码后已经完全通过
partime 2004-10-19
  • 打赏
  • 举报
 回复
<td colspan="8" bgcolor="#FFFCF4" > 但我想動態命名，用下面這樣出錯，請問怎么樣才能動態命名？ <br>
for(i=0;i<2;i++){<br>
h[i+"img"].innerHTML="<img src='images/tree_folder3.gif'
width='15' height='15' border='0'>";<br>
}</td>
</tr>
?
怎么执行?Javascript代码都没有<Script>标签.
eval("h"+i+"img")绝对可以执行
document.all("h"+i+"img")应该也可以,效率可能稍低,
不过对Javascript这样的语言应该无所谓
BILLSJONE 2004-10-19
  • 打赏
  • 举报
 回复
up
BILLSJONE 2004-10-19
  • 打赏
  • 举报
 回复
上面的動態命名方法全都試過，都會出錯，主要是open_all()這個函數，
BILLSJONE 2004-10-19
  • 打赏
  • 举报
 回复
全部代碼放上來，復制成htm運行就行了，在代碼里面就是最上面那個“全部展開”按扭，全部展開就改變標題旁邊的圖標為-號的圖，全部合上就是+號的圖。
在代碼里我直接用h1img名字，對第一個記錄的圖標變換是正常的，如果有多記錄就要動態命名，但不成功，可能我代碼改得不好
可以幫我改代碼實現全部展開變換圖標效果。謝謝
=====================================================

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<SCRIPT luangage="javascript"><!--
function initIt1(){
if(this.name == "idbmainlist"){parent.changeColor('007CD0');}
tableColl=document.all.tags("tr");
for(i=0; i<tableColl.length; i++) {
whichEl=tableColl(i);
if(whichEl.className=="child" && whichEl.id !="$Cookies{which}"){whichEl.style.display="none";}
}
}
function expands1(el) {
expireDate=new Date;
expireDate.setYear(expireDate.getYear()+1);
whichEl1=eval(el+"Child");
whichimg=eval(el+"img");
var wh = (el+"Child");
if (whichEl1.style.display=="none"){
initIt1();
whichimg.innerHTML="<img src='images/tree_folder3.gif' width='15' height='15' border='0'>";
whichEl1.style.display="block";
document.cookie="which="+wh+";expires="+expireDate.toGMTString()+";";
}else{
whichimg.innerHTML="<img src='images/tree_folder4.gif' width='15' height='15' border='0'>";
whichEl1.style.display="none";
document.cookie="which="+";expires="+expireDate.toGMTString()+";";
}
}
var off_on=false;

function open_all(){//全部展開或合閉功能
if(off_on){
off_on=false;
}else{
off_on=true;
}
if(this.name == "idbmainlist"){parent.changeColor('007CD0');}
tableColl=document.all.tags("tr");
for(i=0; i<tableColl.length; i++) {
whichEl=tableColl(i);
if(whichEl.className=="child" && whichEl.id !="$Cookies{which}" &&off_on){
for(img=0;img<2;img++){
h1img.innerHTML="<img src='images/tree_folder3.gif' width='15' height='15' border='0'>";
}
whichEl.style.display="block";
}
if(whichEl.className=="child" && whichEl.id !="$Cookies{which}" && !off_on){
for(img=0;img<2;img++){
h1img.innerHTML="<img src='images/tree_folder4.gif' width='15' height='15' border='0'>";
}
whichEl.style.display="none";
}
}
}
onload=initIt1;
//-->
</SCRIPT>
</head>

<body>
<table width="765" border="0" align="center" cellpadding="0" cellspacing="0" background="T_bg.gif">
<tr>
<td valign="bottom" background="T_bg.gif" style='BORDER-bottom: 1px double #dddddd;'><strong><font color="#333333" size="3">
</font></strong><font color="#0033FF" size="2" style="CURSOR: hand;" onclick="open_all();">全部展開<strong>
</strong></font> <a href="#" onClick="open_all();"><font color="#FFFFFF" size="3"></font></a></td>
</tr>
</table>
<table width="765" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#BEBEBE" bgcolor="#FFFCF4" id="AutoNumber2" style="border-collapse: collapse">
<tr align="center">
<td width="36" background="images/002bg.gif">序號</td>
<td width="725" height="25" background="images/002bg.gif">標題</td>
</tr>
<tr>
<td width="36" height="32" align="center" bgcolor="#FbFbFF"><a onclick=javascript:window.location='product_reply.asp?enter=59762&replyID=1446' title="問題：1" style="color:#0000ff;CURSOR: hand;" onmouseover="style.Color='#ff0000';" onmouseout="style.Color='#F5F5FF';">1</a></td>
<td bgcolor="#F5F5FF" style="CURSOR: hand;" onclick="javascript:expands1('h1')" onmouseover="javascript:this.bgColor='#E1E1FF'" onmouseout="javascript:this.bgColor='#F5F5FF'"><font color="#0000ff">
<font id="h1img"><img src="images/tree_folder4.gif" width="15" height="15" border="0"></font>《世界之家
/ 齊齊玩 - 30張咭套裝》存在問題 </font></td>
</tr>
<tr class=child id=h1Child>
<td height="16" colspan="2" align="center" valign="top" bgcolor="#FFFFFF">
<table width="763" border="0" align="center" cellpadding="0" cellspacing="0">
<tr bgcolor="#FFFCF4">
<td width="5%" rowspan="2">  </td>
</tr>
<tr bgcolor="#FFFCF4">
<td colspan="8" bgcolor="#FFFCF4" > 但我想動態命名，用下面這樣出錯，請問怎么樣才能動態命名？ <br>
for(i=0;i<2;i++){<br>
h[i+"img"].innerHTML="<img src='images/tree_folder3.gif'
width='15' height='15' border='0'>";<br>
}</td>
</tr>
</table></td>
</tr>
<tr>
<td width="36" height="32" align="center" bgcolor="#FbFbFF"><a onclick=javascript:window.location='product_reply.asp?enter=59762&replyID=1451' title="問題：2" style="color:#0000ff;CURSOR: hand;" onmouseover="style.Color='#ff0000';" onmouseout="style.Color='#F5F5FF';">2</a></td>
<td bgcolor="#F5F5FF" style="CURSOR: hand;" onclick="javascript:expands1('h2')" onmouseover="javascript:this.bgColor='#E1E1FF'" onmouseout="javascript:this.bgColor='#F5F5FF'"><font color="#0000ff">
<font id="h2img"><img src="images/tree_folder4.gif" width="15" height="15" border="0"></font>指甲位啤到圖案
</font></td>
</tr>
<tr class=child id=h2Child>
<td height="16" colspan="2" align="center" valign="top" bgcolor="#FFFFFF">
<table width="763" border="0" align="center" cellpadding="0" cellspacing="0">
<tr bgcolor="#FFFCF4">
<td width="5%" rowspan="2">  </td>
</tr>
<tr bgcolor="#FFFCF4">
<td colspan="8" bgcolor="#FFFCF4" >這樣是正常的：<br>
h1img.innerHTML="<img src='images/tree_folder3.gif' width='15'
height='15' border='0'>";<br>
h2img.innerHTML="<img src='images/tree_folder3.gif' width='15'
height='15' border='0'>";</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
张佩 2004-10-19
  • 打赏
  • 举报
 回复
对啊，找不到对象，会出错的。
BILLSJONE 2004-10-19
  • 打赏
  • 举报
 回复
可以了是for(img=1;img<2;img++)的問題,謝謝
lidelu 2004-10-18
  • 打赏
  • 举报
 回复
楼主，写成这样就可以了：

for(i=0;i<2;i++){
document.all("h"+i+"img").innerHTML = " ...(省略) ";
}
partime 2004-10-18
  • 打赏
  • 举报
 回复
eval("h"+i+"img").innerHTML="<img src='images/tree_folder3.gif' width='15' height='15' border='0'>";
或
var imgObj=eval("h"+i+"img");
imgObj").innerHTML="<img src='images/tree_folder3.gif' width='15' height='15' border='0'>";
partime 2004-10-18
  • 打赏
  • 举报
 回复
eval("h"+i+"img"]).innerHTML="<img src='images/tree_folder3.gif' width='15' height='15' border='0'>";

micker 2004-10-18
  • 打赏
  • 举报
 回复
不是吧，你把源代码全部拷来我看看，你的h1img是id还是name啊！
BILLSJONE 2004-10-18
  • 打赏
  • 举报
 回复
這樣就正常：
for(i=0;i<2;i++){
h1img.innerHTML="<img src='images/tree_folder3.gif' width='15' height='15' border='0'>";
}
BILLSJONE 2004-10-18
  • 打赏
  • 举报
 回复
不行啊，改成這樣還是出錯
for(i=0;i<2;i++){
getElementByName("h"+i+"img").innerHTML="<img src='images/tree_folder3.gif' width='15' height='15' border='0'>";
}

這樣就正常：
for(img=0;img<2;img++){
h1img.innerHTML="<img src='images/tree_folder3.gif' width='15' height='15' border='0'>";
}
micker 2004-10-18
  • 打赏
  • 举报
 回复
getElementByName();或者getElementById();
for(i=0;i<2;i++){
getElementByName("h"+i+"img").innerHTML="<img src='images/tree_folder3.gif' width='15' height='15' border='0'>";
}
JavaScript是什么？JavaScript功能有哪些？
JavaScript，也称ECMAScript，是一种基于对象和事件驱动并具有相对安全性并广泛用于客户端网页开发的脚本语言，同时也是一种广泛用于客户端Web开发的脚本语言。 最早是在HTML上使用的，用来给HTML网页添加动态...
JavaScript动态命名变量名
echarts渲染图表的时候，需要动态的为变量名赋值 一、用eval <script> var Thread_num=5; for(var i=1;i<=Thread_num;i++){ eval("var set_" + i + "=" + i); } alert(set_5); </script> 二...
JavaScript是什么？看着一篇就够了
JavaScript概述 什么是JavaScript JavaScript（通常缩写为JS）是一种高级的、解释型的编程语言；它是一门基于原型、函数先行的语言，是一门多范式的语言，它支持面向对象编程，命令式编程，以及函数式编程。 除了...
JavaScript变量命名规范介绍
JavaScript变量命名规范：只能由英语字母、数字、下划线、美元符号$构成，且不能以数字开头，并且不能是JavaScript保留字。 下列都是非常正确的变量命名： var haha = 250; var xixi = 300; var a1 = 400; var a2 = ...
JavaScript的起源？不同的JavaScript和引擎？JS版本发展史？
1995年，JavaScript诞生了。...Netscape为推广自家的LiveScript，命名中包含当时最流行的编程语言Java来蹭蹭热度。Netscape公司有些人可能不熟悉, 它就是早期被IE做浏览器对抗后来逐渐消亡一家公司。
JavaScript

87,997

社区成员

224,709

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

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

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

+ 用AI写文章