请问怎样检测 <td id="idName"><img name="imgName" src="xxx.jpg"></td>

Question

if( document.getElementById("idName1").id == document.getElementByName("idName1").name){ do(); }

Answer 1

getElementByName？？？<table>
<td id="idName1"><img name="imgName1" src="xxx1.jpg"></td>
<td id="idName2"><img name="imgName2" src="xxx2.jpg"></td>
<td id="idName3"><img name="imgName3" src="xxx3.jpg"></td>
<td id="idName4"><img name="imgName4" src="xxx4.jpg"></td>
<td id="idName5"><img name="imgName7" src="xxx5.jpg"></td>
<td id="idName6"><img name="imgName6" src="xxx6.jpg"></td>
</table>
<script>
var objs=document.images
for(i=0;i<objs.length;i++)
if(objs[i].name.substr(0,7)=="imgName"
&&objs[i].name.substr(7)!=objs[i].parentElement.id.substr(6))
alert(objs[i].name+"和"+objs[i].parentElement.id+"不符");
</script>

Answer 2

你们好，我做了一个拼图游戏，想让所有图片放正确后，结束游戏
弹出 window.confirm("pass")，但是不会，代码如下：      <table border="0" cellpadding="0" cellspacing="1">
        <tr> 
          <td id="index_r1_c1"><img name="index_r8_c4" src="images/ppmm/index_r8_c4.jpg" width="80" height="80" border="0" class="drag"></td>
          <td id="index_r1_c2"><img name="index_r5_c7" src="images/ppmm/index_r5_c7.jpg" width="80" height="80" border="0" class="drag"></td>
          <td id="index_r1_c3"><img name="index_r6_c2" src="images/ppmm/index_r6_c2.jpg" width="80" height="80" border="0" class="drag"></td>
          <td id="index_r1_c4"><img name="index_r3_c4" src="images/ppmm/index_r3_c4.jpg" width="80" height="80" border="0" class="drag"></td>
          <td id="index_r1_c5"><img name="index_r1_c5" src="images/ppmm/index_r1_c5.jpg" width="80" height="80" border="0" class="drag"></td>
          <td id="index_r1_c6"><img name="index_r1_c6" src="images/ppmm/index_r1_c6.jpg" width="80" height="80" border="0" class="drag"></td>
          <td id="index_r1_c7"><img name="index_r1_c3" src="images/ppmm/index_r1_c3.jpg" width="80" height="80" border="0" class="drag"></td>
        </tr>
        <tr> 
          <td id="index_r2_c1"><img name="index_r2_c1" src="images/ppmm/index_r2_c1.jpg" width="80" height="80" border="0" class="drag"></td>
          <td id="index_r2_c2"><img name="index_r6_c4" src="images/ppmm/index_r6_c4.jpg" width="80" height="80" border="0" class="drag"></td>
          <td id="index_r2_c3"><img name="index_r2_c3" src="images/ppmm/index_r2_c3.jpg" width="80" height="80" border="0" class="drag"></td>
          <td id="index_r2_c4"><img name="index_r7_c7" src="images/ppmm/index_r7_c7.jpg" width="80" height="80" border="0" class="drag"></td>
          <td id="index_r2_c5"><img name="index_r2_c5" src="images/ppmm/index_r2_c5.jpg" width="80" height="80" border="0" class="drag"></td>
          <td id="index_r2_c6"><img name="index_r5_c3" src="images/ppmm/index_r5_c3.jpg" width="80" height="80" border="0" class="drag"></td>
          <td id="index_r2_c7"><img name="index_r2_c7" src="images/ppmm/index_r2_c7.jpg" width="80" height="80" border="0" class="drag"></td>
        </tr>
        <tr> 
          <td id="index_r3_c1"><img name="index_r3_c1" src="images/ppmm/index_r3_c1.jpg" width="80" height="80" border="0" class="drag"></td>
          <td id="index_r3_c2"><img name="index_r9_c5" src="images/ppmm/index_r9_c5.jpg" width="80" height="80" border="0" class="drag"></td>
          <td id="index_r3_c3"><img name="index_r6_c7" src="images/ppmm/index_r6_c7.jpg" width="80" height="80" border="0" class="drag"></td>
          <td id="index_r3_c4"><img name="index_r6_c5" src="images/ppmm/index_r6_c5.jpg" width="80" height="80" border="0" class="drag"></td>
          <td id="index_r3_c5"><img name="index_r3_c5" src="images/ppmm/index_r3_c5.jpg" width="80" height="80" border="0" class="drag"></td>
          <td id="index_r3_c6"><img name="index_r3_c6" src="images/ppmm/index_r3_c6.jpg" width="80" height="80" border="0" class="drag"></td>
          <td id="index_r3_c7"><img name="index_r4_c1" src="images/ppmm/index_r4_c1.jpg" width="80" height="80" border="0" class="drag"></td>
        </tr>

Answer 3

        <tr> 
          <td id="index_r4_c1"><img name="index_r3_c7" src="images/ppmm/index_r3_c7.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r2_c4" src="images/ppmm/index_r2_c4.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r4_c3" src="images/ppmm/index_r4_c3.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r1_c1" src="images/ppmm/index_r1_c1.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r8_c2" src="images/ppmm/index_r8_c2.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r4_c2" src="images/ppmm/index_r4_c2.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r4_c7" src="images/ppmm/index_r4_c7.jpg" width="80" height="80" border="0" class="drag"></td>
        </tr>
        <tr> 
          <td><img name="index_r5_c1" src="images/ppmm/index_r5_c1.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r5_c2" src="images/ppmm/index_r5_c2.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r2_c6" src="images/ppmm/index_r2_c6.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r9_c7" src="images/ppmm/index_r9_c7.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r9_c6" src="images/ppmm/index_r9_c6.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r5_c6" src="images/ppmm/index_r5_c6.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r4_c4" src="images/ppmm/index_r4_c4.jpg" width="80" height="80" border="0" class="drag"></td>
        </tr>
        <tr> 
          <td><img name="index_r9_c2" src="images/ppmm/index_r9_c2.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r1_c4" src="images/ppmm/index_r1_c4.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r6_c3" src="images/ppmm/index_r6_c3.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r10_c1" src="images/ppmm/index_r10_c1.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r9_c1" src="images/ppmm/index_r9_c1.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r6_c6" src="images/ppmm/index_r6_c6.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r3_c3" src="images/ppmm/index_r3_c3.jpg" width="80" height="80" border="0" class="drag"></td>
        </tr>
        <tr> 
          <td><img name="index_r9_c3" src="images/ppmm/index_r9_c3.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r7_c5" src="images/ppmm/index_r7_c5.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r8_c7" src="images/ppmm/index_r8_c7.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r7_c4" src="images/ppmm/index_r7_c4.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r2_c2" src="images/ppmm/index_r2_c2.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r10_c3" src="images/ppmm/index_r10_c3.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r4_c6" src="images/ppmm/index_r4_c6.jpg" width="80" height="80" border="0" class="drag"></td>
        </tr>

Answer 4

        <tr> 
          <td><img name="index_r8_c1" src="images/ppmm/index_r8_c1.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r6_c1" src="images/ppmm/index_r6_c1.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r8_c3" src="images/ppmm/index_r8_c3.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r1_c2" src="images/ppmm/index_r1_c2.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r8_c5" src="images/ppmm/index_r8_c5.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r8_c6" src="images/ppmm/index_r8_c6.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r5_c5" src="images/ppmm/index_r5_c5.jpg" width="80" height="80" border="0" class="drag"></td>
        </tr>
        <tr> 
          <td><img name="index_r10_c6" src="images/ppmm/index_r10_c6.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r4_c5" src="images/ppmm/index_r4_c5.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r7_c1" src="images/ppmm/index_r7_c1.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r9_c4" src="images/ppmm/index_r9_c4.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r3_c2" src="images/ppmm/index_r3_c2.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r7_c3" src="images/ppmm/index_r7_c3.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r5_c4" src="images/ppmm/index_r5_c4.jpg" width="80" height="80" border="0" class="drag"></td>
        </tr>
        <tr> 
          <td><img name="index_r7_c2" src="images/ppmm/index_r7_c2.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r10_c2" src="images/ppmm/index_r10_c2.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r7_c6" src="images/ppmm/index_r7_c6.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r10_c4" src="images/ppmm/index_r10_c4.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r10_c5" src="images/ppmm/index_r10_c5.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r1_c7" src="images/ppmm/index_r1_c7.jpg" width="80" height="80" border="0" class="drag"></td>
          <td><img name="index_r10_c7" src="images/ppmm/index_r10_c7.jpg" width="80" height="80" border="0" class="drag"></td>
        </tr>
      </table>
<script LANGUAGE="JavaScript">
<!--
var temp = new Image()
var loc
var gotit
function checkit(){
if ((navigator.appName=="Microsoft Internet Explorer")&&(parseInt(navigator.appVersion)>= 4))
return
else
alert("To play, you need MSIE 4 or greater")
}function match(){
var objs=document.images;
for(i=0;i<objs.length;i++){
if(objs[i].name == objs[i].parentElement.id){
return false;
}
}
return true;
}function exchange(){
if ((event.button == 1) && (event.srcElement.className == "drag")){
if (gotit == 1){
gotit = 0
document.images[loc].src = document.images[event.srcElement.name].src
document.images[event.srcElement.name].src = temp.src
}
else {
gotit = 1
loc = event.srcElement.name
temp.src = document.images[loc].src
}
}
if (match() == true){
window.confirm("ok");
}
}document.onmousedown=exchange
// -->
</script>