Question

怎么在 表格中控制图片的显示与隐藏？

<tr id="neironghang"><td class="neironglie1"rowspan="9">标题</td><td class="neironglie2"><a href="XXXXXXX">第一个工具</a></td><td class="neironglie3"><div id="no01"><img src="/XXXXXXX/yes.jpg"></div><a>已运行</a></td><td class="neironglie3"><div id="no02"><img src="/tools/xxxxxxx/no.jpg"></div><a >未运行</a></td></tr>
下面是图：这些东西都是在表格里的

要怎么改代码，
让对号 默认不显示，错号默认显示，
点击 已运行，对号显示，错号不显示，
点击未运行，对号不显示，错号显示;

Answer 1

参考代码：
<td class="neironglie3"><div id="no01"><img src="/XXXXXXX/yes.jpg"></div><a onclick="onrun()">已运行</a></td>
<td class="neironglie3"><div id="no02"><img src="/tools/xxxxxxx/no.jpg"></div><a onclick="offrun()">未运行</a></td>
<script>
function onrun(){
document.getElementById('no02').style.display = 'none';
document.getElementById('no01').style.display = 'block';
}

function offrun(){
document.getElementById('no01').style.display = 'none';
document.getElementById('no02').style.display = 'block';
}
</script>

至于让对号 默认不显示，错号默认显示，写个默认的css 样式就行了

Answer 2

首先引用个jquery的js，这个应该有没有网上搜下就行，现在流行jquery而不是js

 

下面是执行代码

<td class="neironglie3"><div id="no01" style="dispaly:none"><img  src="/XXXXXXX/yes.jpg"></div><a>已运行</a></td>

首先是默认不显示的加上style="dispaly:none"；

 

jquery代码

$(function(){
      $("#").click(function(){
     $("#no01").show();
     $("#no02").hide();
   });
    $("#").click(function(){
     $("#no01").hide();
   $("#no02").show();
 
   });
});

Answer 3

给每个img加个id img1id，img2id
fun()
{
document.getElementById("img1id").style.display=none;

document.getElementById("img2id").style.display=block;
}

追问

刚才试了，好像不行啊。。

追答

你都写错了

追问

改完了，也还是不行。

追答

将none和block都打上引号

你也可以用alert("lll");测试下看进去到test()里面没有。
document.getElementById("img1id").style.display=“none”;
document.getElementById("img2id").style.display=”block“;
无语，你自己要思考啊？不然怎么进步啊？

Answer 4

双击左边的sheet1;Picture 1"显示".