在Javascript中,多个onclick();收集日期和单一功能

在Javascript中,多个onclick();收集日期和单一功能,javascript,performance,onclick,dom-events,Javascript,Performance,Onclick,Dom Events,函数t1(){ var show1=document.getElementById(“p1”).innerHTML; 窗口警报(显示1) } 函数t2(){ var show2=document.getElementById(“p2”).innerHTML; 窗口警报(显示2) } 函数t3(){ var show3=document.getElementById(“p3”).innerHTML; 窗口警报(显示3) } 我是头号信号1 我是头号2 我是头号3 Bt 1 Bt 2 Bt 3试试

函数t1(){
var show1=document.getElementById(“p1”).innerHTML;
窗口警报(显示1)
}
函数t2(){
var show2=document.getElementById(“p2”).innerHTML;
窗口警报(显示2)
}
函数t3(){
var show3=document.getElementById(“p3”).innerHTML;
窗口警报(显示3)
}

我是头号信号1

我是头号2

我是头号3

Bt 1 Bt 2 Bt 3
试试这个解决方案

<script type = "test/javascript">
    function t(i) {
        let show = document.getElementById("p" + i).innerHTML;
        window.alert(show);
    }
</script>



<button onclick="t(1);">Bt 1</button>
<button onclick="t(2);">Bt 2</button>
<button onclick="t(3);">Bt 3</button>

函数t(i){
let show=document.getElementById(“p”+i).innerHTML;
窗口。警报(显示);
}
Bt 1
Bt 2
Bt 3

您可以使用事件委派来执行此操作,因此
元素不需要ID,请不要编写内联JS它有很多缺点

/*可以委派onclick事件,因此您只能有一个
*父元素的侦听器*/
document.querySelector(“div”).onclick=function(e){
//仅当元素是``
e、 target.nodeName==“P”&&alert(e.target.innerHTML);
}

我是头号

我是头号2

我是头号3


i-是函数t的参数。单击此处,您可以使用参数调用此函数。在函数中,将此参数用作元素id的一部分