Question

我是Javascript的初学者，我并不完全确定如何将我尝试实现的功能整合在一起。

所以，我有一个HTML5页面，我必须坚持我的ID结构，因为不同的功能与ID绑定。

我的问题是我在id中有一个id（它必须保留一个ID，它不能与类交换）

E.G。

<div id="outterid">
 <a href="#innerid">CLICK ME</a>
  <div id="innerid">
        <p>Hello World</p>
  </div>
</div

其中，<div id=outterid">弹出作为工具提示（我的其他javascript负责该功能。其中包含<a href="#innerid">CLICK ME</a>链接和隐藏<div id=innerid">。

因此，当您点击<a href="#innerid">CLICK ME</a>时，<div id=innerid">变为可见。（注意：当您点击时，<div id="outterid">可见

所以我需要通过javascript实现href =“＃innerid”，因为目前只需要href =“”

E.G。

<a href="#innerid">CLICK ME</a>

不起作用，因为#outterid中的#innerid。

此外，'CLICK ME'链接必须由onmouseover="this.click();"触发。因此，当鼠标悬停在链接上时，链接会被点击。

我希望我能清楚地解释我的问题是什么以及我正在寻找什么结果。

提前感谢您的帮助。

Answer 1

你在这里谈论滚动到相关的div（例如#innerid）吗？在这种情况下，我不认为您的问题与javascript有任何关系，而是您错过了a <href="#innerid">CLICK ME</a> ...我已经尝试了replicating your problem in JSFiddle并且<a href="#innerid">CLICK ME</a>它会滚动到正确的div，无论它是否在嵌套的外部div中。

Answer 2

我不清楚你在这之后究竟是什么，但我已经开枪了。单击锚标记时，此示例将显示#innerid div。希望这对你有帮助。

＆＃13;

function myFunction(href) {
  var id = href.split('#')[1];
  document.getElementById(id).style.display = 'block';
}

＆＃13;

#innerid { display:none; }

＆＃13;

<a onclick="myFunction(this.href)" href="#innerid">CLICK ME</a>

<div id="outterid">
  <div id="innerid">
        <p>Hello World</p>
  </div>
</div

＆＃13;

Id =''在id =''内使用javascript和onmouseover =“this.click（）;”功能

2 个答案: