The setAttribute() metóda sa používa na nastavenie alebo pridanie atribútu ku konkrétnemu prvku a poskytuje mu hodnotu. Ak atribút už existuje, nastaví alebo zmení iba hodnotu atribútu. Môžeme teda použiť aj setAttribute() metóda na aktualizáciu hodnoty existujúceho atribútu. Ak zodpovedajúci atribút neexistuje, vytvorí sa nový atribút so zadaným názvom a hodnotou. Táto metóda nevracia žiadnu hodnotu. Názov atribútu sa automaticky skonvertuje na malé písmená, keď ho použijeme v prvku HTML.
Aj keď môžeme pridať štýl pomocou atribútu setAttribute() metódu, ale odporúča sa nepoužívať túto metódu na styling. Na pridávanie štýlov môžeme použiť vlastnosti objektu štýlu, ktoré štýl efektívne zmenia. Môže to byť jasné pomocou nasledujúceho kódu.
herec ranbir kapoor vek
Nesprávny spôsob
Odporúča sa nepoužívať na zmenu štýlu.
element.setAttribute('style', 'background-color: blue;');
Správny spôsob
Správny spôsob zmeny štýlu je uvedený nižšie.
element.setAttribute.backgroundColor = 'blue';
Ak chcete získať hodnotu atribútu, môžeme použiť getAttribute() a na odstránenie špecifického atribútu z prvku môžeme použiť metódu removeAtribute() metóda.
Ak pridávame booleovský atribút ako napr zdravotne postihnutých , potom bez ohľadu na hodnotu, ktorú má, vždy sa považuje za pravda . Ak požadujeme nastaviť hodnotu atribútu Boolean na falošný , musíme odstrániť celý atribút pomocou removeAttribute() metóda .
Syntax
element.setAttribute(attributeName, attributeValue)
Argumenty tejto metódy nie sú voliteľné. Pri použití tejto metódy musia byť zahrnuté oba parametre. Hodnoty parametrov tejto metódy sú definované nasledovne.
Hodnoty parametrov
názov_atributu: Je to názov atribútu, ktorý chceme pridať k prvku. Nemôže zostať prázdny; t.j. nie je voliteľný.
atributValue: Je to hodnota atribútu, ktorý pridávame k prvku. Tiež to nie je voliteľná hodnota.
abstraktná trieda v jazyku Java
Poďme pochopiť, ako používať setAttribute() pomocou niektorých ilustrácií.
Príklad 1
V tomto príklade pridávame a href atribút s hodnotou 'https://www.javatpoint.com/' k tag with id = 'odkaz' .
JavaScript setAttribute() method function fun() { document.getElementById('link').setAttribute('href', 'https://www.javatpoint.com/'); } <h2> It is an example of adding an attribute using the setAttribute() method. </h2> <a id="link"> javaTpoint.com </a> <p> Click the follwing button to see the effect. </p> Add attribute Vyskúšajte to Výkon
Po vykonaní vyššie uvedeného kódu bude výstupom -
Vidíme, že pred kliknutím na dané tlačidlo sa odkaz nevytvorí. Po kliknutí na tlačidlo bude výstup -
Teraz vidíme, že prepojenie je vytvorené.
Príklad2
V tomto príklade aktualizujeme hodnotu existujúceho atribútu pomocou setAttribute() metóda. Tu konvertujeme textové pole na tlačidlo zmenou hodnoty typu atribút z text do tlačidlo .
lineárne vyhľadávanie v jave
Aby sme videli efekt, musíme kliknúť na zadané tlačidlo.
JavaScript setAttribute() method function fun() { document.getElementById('change').setAttribute('type', 'button'); } <h2> It is an example to update an attribute's value using the setAttribute() method. </h2> <p> Click the follwing button to see the effect. </p> Change Vyskúšajte to Výkon
Po vykonaní vyššie uvedeného kódu bude výstupom -
Po kliknutí na tlačidlo bude výstup -
Príklad 3
Tu pridávame booleovský atribút zdravotne postihnutých na deaktiváciu zadaného tlačidla. Ak nastavíme hodnotu zdravotne postihnutých atribút na prázdny reťazec, potom sa automaticky nastaví na hodnotu true, čo spôsobí, že tlačidlo bude deaktivované.
java arraylist
JavaScript setAttribute() method function fun() { document.getElementById('btn').setAttribute('disabled', ''); } <h2> Example of the setAttribute() method. </h2> <p> Click the following button to see the effect </p> Click me Vyskúšajte to Výkon
Po vykonaní vyššie uvedeného kódu bude výstupom -
Po kliknutí na tlačidlo bude výstup -
