Javascript this.firstChild.nextSibling在Internet Explorer中不工作

在下面的标记中，“tip1”的可见性应该在将鼠标移到父对象上时从“隐藏”更改为显示。然后，当单击“tip1”时，应显示“line1”。它在Firefox和Chrome中运行良好，但在IE中当然不行

<div id="product-description" style="position:relative; float:left; width:35%">
   <div onmouseover="display(this.firstChild)" onmouseout="getRid(this.firstChild)" style="position:absolute; left:146px; top:29px; z-index:2000">
   <div id="tip1" onclick="showTip(this.nextSibling)">
      <img "shadow.png" />
   </div>
   <div id="line1" style="position:absolute; left:15px; top:-5px;" onclick="closeTip(this)">
      <img "fb.png" />
   </div>
</div>
</div>

下面是相应的javascript：

<script>
function display(items){items.style.visibility = "visible";}
function getRid(items){items.style.visibility = "hidden";}
function showTip(tip){tip.style.visibility = "visible";}
function closeTip(tip){tip.style.visibility = "hidden";}
</script>

函数显示（项）{items.style.visibility=“visible”；}
函数getRid（items）{items.style.visibility=“hidden”；}
函数showTip（tip）{tip.style.visibility=“visible”；}
函数closeTip（tip）{tip.style.visibility=“hidden”；}

您的代码在任何现代浏览器中都无法使用。返回元素中的第一个节点。此节点也可以是textnode，在您的情况下，它是一个

新行+选项卡

。Textnodes没有要设置的

样式

，因此代码将失败

改用

相同的代表，请改用

---

.

这原来是IE上的z索引问题。我在悬停按钮下有一个图像，不管出于什么原因，它一直掩盖着我的悬停按钮。因此，我删除了该图像并创建了另一个带有背景图像的div

您的HTML标记已损坏。您需要为

产品描述

div和带有

onmouseover

和

onmouseout

事件处理程序的div添加结束标记。另外，

img

标记需要一个

src

属性。如果问题在修复后仍然存在，请提供有效的标记。请确保包括您收到的任何错误，并说明您已采取了哪些措施来修复问题。抱歉，我是新发布到这里的人…我的结束时间没有间隔超过4次，因此它们被忽略了。编辑还对我大喊大叫，说在我达到“10”的声誉之前不能在这里发布图片，所以我只关闭了src属性。代码在FF和Chrome上正常工作，只是在IE上没有。在修复方面，我尝试使用childNodes[0]而不是firstChild，但没有任何效果。@user2701398——不同的浏览器以不同的方式处理损坏的HTML。它在一个浏览器中工作而在另一个浏览器中不工作的事实就是证明。调试这类问题的第一步是使用和修复标记。因此，使用firstElementChild实际上解决了我遇到的另一个问题，由于您提到的原因，我不得不将所有标记粘贴在一起。然而，这仍然没有解决我的主要问题，因为它仍然不能在InternetExplorer上工作。这可能是“this”关键字的问题吗？