javascript - 图像和文本查询

Question

我这里有一个非常简单的 html 页面:

http://www.nomorepasting.com/getpaste.php?pasteid=22407

我在页面上有 4 个图层。这样做的原因是它是一个复杂得多的站点的框架，我已将其简化以提出我的问题。基本上，我希望能够单击第 2 层中的不同链接并更改第 1 层中的图像，但是我发现这样做的方式:

<script type="text/javascript"><!--

function sbox(boxName,xname) {

    theBox = document.getElementById(boxName);

theBox.className = xname;



}

//-->

</script>

导致文本 nto 消失，这是我需要的，以及一种单击并用文本替换任何图像的方法。我找到了替代的 javascript 代码，但无法将其应用到我的 html 页面。

<script type="text/javascript">
function toggleImg(myid) {
  objtxt = document.getElementById(myid);
  objimg = document.getElementById(myid+'_img');

  if( objtxt.style.display == 'block' ) { // Show image, hide text
    objtxt.style.display = 'none';
    objimg.style.display = 'block';
  } else { // Hide image, show text
    objimg.style.display = 'none';
    objtxt.style.display = 'block';
  }

}
</script>

在不更改我的页面设计的情况下，最简单的方法是什么？注意:我不想使用框架，我想了解这是如何完成的并自己完成。

我的另一个问题是图层是否应该替换表格:在可以使用 css 的情况下使用表格总是不好的吗？使用层使行和列等效只是为了格式化文本数据而不是网站结构是否容易？

Answer 1

表格用于表格数据(想想 Excel)。如果要显示数据网格，请使用表格。对于页面布局，请使用 CSS 定位。

此外，过度使用 DIV 并不是使用 CSS 的最佳方式。养成将所有内容包装在 DIV 中的习惯是一种被称为“div 狂热”的做法，您可以通过 Google 搜索它不好的原因。