javascript - 为什么我的 JavaScript 函数不适用于我的所有按钮？

Question

我可以在两个具有不同 ID 的不同元素上调用 JavaScript 函数吗？

HTML

<p id="id1">12</p>
<button type="button" onClick="ABC(document.getElementById('id1').innerHTML)">one</button>

<input type="text" id="id2" value="21"/>
<button type="button" onClick="ABC(document.getElementById('id2').innerHTML)">two</button>

JS

function ABC(id = null) {
    if(id) {    
        $.ajax({
            url: 'url.php',
            type: 'post',
            data: {id: id},
            dataType: 'json',
            success:function(result) {
            }
        });  
    } 
} 

该功能在第二个按钮上不起作用，我不知道为什么。

Answer 1

第二个按钮使用输入数据，所以你应该使用 document.getElementById('id2').value

function ABC(id = null) {
    if(id) {    
        $.ajax({
            url: 'url.php',
            type: 'post',
            data: {id: id},
            dataType: 'json',
            success:function(result) {
            }
        });  
    } 
} 

<p id="id1">12</p>
<button type="button" onClick="ABC(document.getElementById('id1').innerHTML)">one</button>

<input type="text" id="id2" value="21"/>
<button type="button" onClick="ABC(document.getElementById('id2').value)">two</button>