javascript - 如何使用 If 语句在 Javascript 中对不同 ID 使用相同的函数

Question

我必须使用相同的函数根据 ID 上的 onClick 事件打开不同的模态。我使用 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";
    }
}

Answer 1

按照你提问的方式，我的回答如下。希望对您有帮助

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

<script>
function modalFunction( id ) {
   
    if ( id == 'Remote-Parking') {
        //document.getElementById('Popup-Emergency-Braking').style.display="block";
        console.log('IF');
    } else if ( id == 'Emergency-Braking' ){
        //document.getElementById('Popup-Remote-Parking').style.display="block";
        console.log('ELSE');
    } else {
        // in case id didn't find
        // do something;
    }
}
</script>