Question

可能非常简单，但我似乎无法弄清楚如何做到这一点：

function mouseOver(i,x){document.x.src="img/"+x+"/pic"+i+".jpg";}

x中的document.x.src假设代表x选择器，但事实并非如此。如何使用x选择器作为函数的目标？

额外信息：x在不同的函数中定义，它将成为文件夹的名称，在我的情况下是'refugeelive'。我还想命名目标img'refugeelive'，这是此功能的目标。这样，通过将x定义为'refugeelive'，它会从右侧文件夹中选择img并将其发送到正确的目标img。

Answer 1

不能明确解决问题，但你可以在此基础上（或改进它）

<head>
<style>
div.myDiv {
  width: 100px;
  min-width: 100px;
  height: 100px;
  min-height: 100px;
  background-color: yellow;
}
</style>
</head>
<body>
<div class="myDiv"></div>
<script>
document.querySelector('.myDiv').addEventListener('mouseover',
function(e) {
    if(e.target.id)
      console.log(e.target.tagName.toLowerCase() + '#' + e.target.id);
    if(e.target.className)
      console.log(e.target.tagName.toLowerCase() + '.' + e.target.className);
});
</script>
</body>

Answer 2

在JavaScript中，object.property始终与object['property']相同，因此：

document[x].src

但直接在document之外访问页面元素的做法很糟糕（在某些浏览器模式下可能会失败）。更喜欢使用document.getElementById(x)（并确保您使用的是id="refugeelive"而不是古代name="refugeelive"）。

如何使用选择器作为该功能的目标

2 个答案: