如何使用If语句在Javascript中为不同的id使用相同的函数

如何使用If语句在Javascript中为不同的id使用相同的函数,javascript,if-statement,Javascript,If Statement,我必须使用相同的函数在IDs上基于onClick事件打开不同的Modals。我使用If条件来检查,但它总是以第一个条件为真。请帮忙 //html <div id="Remote-Parking" class="element parking" onclick="modalFunction()">Remote-Parking</div> <div id="Emergency-Braking" class="element collision-detection" on

我必须使用相同的函数在IDs上基于onClick事件打开不同的Modals。我使用If条件来检查,但它总是以第一个条件为真。请帮忙

//html
<div id="Remote-Parking" class="element parking" onclick="modalFunction()">Remote-Parking</div>
<div id="Emergency-Braking" class="element collision-detection" onclick="modalFunction()">Emergency-Braking</div>


//javascript
function modalFunction() {
    if (document.getElementById('Emergency-Braking').onclick) {
        document.getElementById('Popup-Emergency-Braking').style.display="block";
    }
    if (document.getElementById('Remote-Parking').onclick) {
        document.getElementById('Popup-Remote-Parking').style.display="block";
    }
}
//html
远程停车
紧急制动
//javascript
函数modalFunction(){
if(document.getElementById('Emergency-Braking').onclick){
document.getElementById('Popup-Emergency-Braking').style.display=“block”;
}
if(document.getElementById('Remote-Parking').onclick){
document.getElementById('Popup-Remote-Parking').style.display=“block”;
}
}

您可以使用
this
关键字作为函数调用中的参数,并在函数内部对其进行操作

功能模块功能(e){
如果(如getAttribute(“id”)=“紧急制动”)
控制台日志(“紧急制动”);
如果(如getAttribute(“id”)=“远程停车”)
控制台日志(“远程停车”);
}
远程停车

紧急制动
您可以执行类似的操作:

功能模块功能(val){
如果(val==“停车”){
控制台日志(“公园”);
}否则,如果(val==“制动”){
控制台日志(“制动器”);
}
}
公园

brake
您必须将id作为参数传递给函数

onclick="modalFunction('Remote-Parking')"
现在通过其参数获取值

function modalFunction(val)
然后检查if/else条件中的值

if (val === 'Emergency-Braking')
//javascript
功能模态功能(val){
如果(val===‘紧急制动’){
//document.getElementById('Popup-Emergency-Braking').style.display=“block”;
控制台日志(“紧急制动”)
}否则如果(val===‘远程停车’){
//document.getElementById('Popup-Remote-Parking').style.display=“block”;
控制台日志(“弹出式远程停车”)
}
}
//html
远程停车

紧急制动
按照您提问的方式,我的回答如下。希望对你有帮助

远程停车
紧急制动
功能模块功能(id){
如果(id=‘远程停车’){
//document.getElementById('Popup-Emergency-Braking').style.display=“block”;
console.log('IF');
}否则,如果(id=‘紧急制动’){
//document.getElementById('Popup-Remote-Parking').style.display=“block”;
console.log('ELSE');
}否则{
//以防我找不到
//做点什么;
}
}