Определяем имя кнопки

С помощью простейшего скрипта можно определить и вывести имя кнопки по известному id кнопки. Ниже приведен код примера и результат его работы.

<html>
<body>
<form id="frm1" action="form_action.asp">
<button id="btn1" name="knopka" type="submit" value="HTML">HTML</button>
</form>
<p>Нажмите кнопку "Нажми меня" чтобы вывести имя кнопки "HTML" :</p>
<button onclick="myFunction()">Нажми меня</button>
<p id="demo"></p>
<script>
function myFunction() {
 var x = document.getElementById("btn1").name;
 document.getElementById("demo").innerHTML = x;
}
</script>
</body>
<⁄html>

Нажмите кнопку "Нажми меня" чтобы вывести имя кнопки "HTML" :

Имя кнопки: ''

Аналогично можно определить тип кнопки с помощью функции:

function myFunction() {
 var x = document.getElementById("btn1").type;
 document.getElementById("demo").innerHTML = x;
}

А также значение - надпись на кнопке:

function myFunction() {
 var x = document.getElementById("btn1").value;
 document.getElementById("demo").innerHTML = x;
}

А также имя формы с кнопкой:

function myFunction() {
 var x = document.getElementById("btn1").form.id;
 document.getElementById("demo").innerHTML = x;
}

Похожие публикации: JavaScript

Войти и комментировать [ Вход | Регистрация ]