logo

JavaScript getAttribute()-methode

De getAttribute() methode wordt gebruikt om de waarde van een attribuut van het specifieke element te verkrijgen. Als het attribuut bestaat, retourneert het de tekenreeks die de waarde van het corresponderende attribuut vertegenwoordigt. Als het corresponderende attribuut niet bestaat, retourneert het een lege string of null.

Het is anders dan de getAttributeNode() methode. De getAttributeNode() methode retourneert het attribuut als een Attr-object.

Syntaxis

 element.getAttribute(attributename) 

Parameterwaarden

attribuut naam: Het is de vereiste parameter. Het is de naam van het attribuut waarvan we de waarde willen verkrijgen.

reageer tafel

Laten we het begrijpen door enkele voorbeelden te gebruiken.

Voorbeeld 1

In dit voorbeeld zijn er twee div elementen met id wild1 En div2 , elk met stijl attribuut. Wij krijgen de waarde van stijl attribuut met behulp van de getAttribute() methode.

We moeten op de gegeven knop klikken om de waarde van de te krijgen stijl attribuut van bepaalde div-elementen.

Java-lijst van
 The getAttribute Method <h2> Example of the getAttribute() Method </h2> This is the div element. <br> <a href="http://www.javatpoint.com/" id="link"> javaTpoint.com </a> <br> <br> Click me! function fun() { var val = document.getElementById(&apos;btn&apos;).getAttribute(&apos;onclick&apos;); document.getElementById(&apos;p&apos;).innerHTML = val; var val1 = document.getElementById(&apos;link&apos;).getAttribute(&apos;href&apos;); document.getElementById(&apos;p1&apos;).innerHTML = val1; } 
Test het nu

Uitvoer

Na de uitvoering zal de uitvoer zijn:

JavaScript getAttribute()-methode

Nadat u op de knop hebt geklikt, is de uitvoer -

ascii-tabel in c
JavaScript getAttribute()-methode