我需要根据点击的每个不同的图标显示不同的输出,而不需要定义单独的函数;
HTML:
<p onclick="expand()" id="i1">icon1</p>
<p onclick="expand()" id="i2">icon2</p>
<p onclick="expand()" id="i3">icon3</p>
<div id="blocki1"></div>
<div id="blocki2"></div>
<div id="blocki3"></div>
我可以用 JS 做这样的事情吗?
function expand() {
document.getElementById("block" + this.id).style.display = "block";
}
我已经尝试了上面的方法,但显然没有用,我需要 a) 存储图标的 id 和 b) 将 id 与字符串结合起来。不确定这是否可能。
最佳答案
<p onclick="expand(this.id) id="i1">icon1</p>
<p onclick="expand(this.id) id="i2">icon2</p>
<p onclick="expand(this.id) id="i3">icon3</p>
<div id="blocki1"></div>
<div id="blocki2"></div>
<div id="blocki3"></div>
<script>
function expand(e) {
document.getElementById("block" + e).style.display = "block";
}}
</script>
关于javascript - 获取点击元素的 ID 并将其包含在纯 JS 的函数中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49977624/