DOM
Manipulera attribut
Sök…
Anmärkningar
Attribut är en specifik typ av objekt i DOM API. I tidigare versioner av DOM API ärvde de från Node typen, men detta ändrades i version 4.
I exemplen som hänvisar till dataset , utesluter "moderna webbläsare" specifikt versioner av Internet Explorer mindre än 11. Se caniuse.com för mer aktuell information.
Få ett attribut
Vissa attribut är direkt tillgängliga som egenskaper för elementet (t.ex. alt , href , id , title och value ).
var a = document.querySelector("a"),
url = a.href;
Andra attribut, inklusive dataattribut kan nås enligt följande:
var a = document.querySelector("a"),
tooltip = a.getAttribute("aria-label");
Dataattribut kan också nås med hjälp av dataset (moderna webbläsare)
// <a href="#" data-tracking-number="ABC-123">Widget</a>
var a = document.querySelector("a"),
tracker = a.dataset.trackingNumber;
Ställer in ett attribut
Vissa attribut är direkt tillgängliga som egenskaper för elementet (t.ex. alt, href, id, titel och värde).
document.querySelector("a").href = "#top";
Andra attribut, inklusive dataattribut kan ställas in enligt följande:
document.querySelector("a").setAttribute("aria-label", "I like turtles");
Dataattribut kan också ställas in med datasats (moderna webbläsare)
var a = document.querySelector("a");
a.dataset.test = "123";
a.dataset['test-2'] = "456";
resulterar i
<a href="#" data-test="123" data-test-2="456">Widget</a>
Tar bort ett attribut
Ta bort ett attribut, inklusive direkt tillgängliga egenskaper
document.querySelector("a").removeAttribute("title");
Dataattribut kan också tas bort enligt följande (moderna webbläsare):
// remove "data-foo" attribute
delete document.querySelector("a").dataset.foo;