JavaScript HTML elementin değerini alma kodu kullanımı örneği (JavaScript get HTML element value code usage example)

JavaScript ile HTML elementlerinin (input, div, span, label, …) değerini, niteliğinin değerini alma kodu örnekleri aşağıdaki gibidir.

<form name="myFormName">
    <input id="myInputId" value="myInputValue" class="myInputClass" name="myInputName" onclick="getThis(this)" />
</form>

Elementin kendini göndererek HTML elementin niteliklerinin değerlerini elde etme.

function getThis(element){
    var value = element.value; //myValue
    var id = element.id; //myId
}

Input elementinin değerini “id” yardımıyla elde etme.

document.getElementById("myInputId").value; //myValue

Form üzerinden input elementinin

document.myFormName.elements['myInputName'].value

“element” değeri ile ilgili elementlerin listesini elde etme

document.getElementsByTagName("input")[0].value;

“class” niteliği değeri ile ilgili elementlerin listesini elde etme

document.getElementsByClassName("myInputClass")[0].value;

“name” niteliği değeri ile ilgili elementlerin listesini elde etme

document.getElementsByName("myInputName")[0].value;

“id, element, class ve name” değeri ile ilgili elementlerin değerini elde etme

document.querySelector('#myId').value;
document.querySelector('.myClass').value; selected by class document.querySelector('input').value; selected by tagname document.querySelector('[name="searchTxt"]').value; selected by name

“id, element, class ve name” değeri ile ilgili elementlerin listesini elde etme

document.querySelectorAll('#myId')[0].value;
document.querySelectorAll('.myClass')[0].value;
document.querySelectorAll('input')[0].value; 
document.querySelectorAll('[name="myName"]')[0].value;
Share on Facebook0Tweet about this on TwitterShare on Google+0Share on StumbleUpon0Share on Reddit0

Leave a Reply


*