как передать документ.getElementById («someid») при событии click

Question

Прошу прощения, я новичок в javascript.

Я хочу передать селектор идентификатора в качестве параметра на событие щелчка следующим образом:

я пытался:

<button onclick="mycustomfunction(document.getElementById('someTextId'))"/> 

и с помощью JQuery:

<button onclick="mycustomfunction($('#someTextId').val())"/> 


mycustomfunction(control) 
{ 
// do something with the control 
} 

может кто-то пожалуйста, помогите мне понять, куда я иду не так?

Answer 1

сделать document.getElementById() вызов внутри функции обработчика событий и передать строку идентификатора

<button onclick="mycustomfunction('someTextId')"/> 

function mycustomfunction(controlId) { 
    var control = document.getElementById(controlId); 

    // now work with control 
} 

Answer 2

<button onclick="mycustomfunction($('#someTextId').val())"/> - это будет передавать значение. Вы получите строку.

<button onclick="mycustomfunction(document.getElementById('someTextId'))"/> - это передаст объекту почтение к элементу DOM. Отсюда вы можете:

mycustomfunction(element) { 
    alert(element.value) 
} 

Answer 3

Ценность, которую вы пытаетесь получить, не имеет ничего общего с нажатой кнопкой. Просто удалите эту ссылку с помощью кнопки в целом и сделать так:

<button onclick="mycustomfunction()"/> 
<script> 
function myscustomfunction() { 
    var val = $('#someTextId').val(); // must be an input field for val() to work otherwise use html() or text() 
    // do other stuff 
} 
</script> 

Или, если вы действительно хотите, чтобы сделать его более JQuery дружественный:

<button id="cool_button" /> 
<script> 
$('#cool_button').click(function() { 
    var val = $('#someTextId').val(); // must be an input field for val() to work otherwise use html() or text() 
    // do other stuff 
}); 
</script> 

Вы увидите, что одна из хороших вещей о JQuery , когда все сделано правильно, это то, что вы можете начать удаление логики обработчика событий из структуры HTML.