为什么我的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>