@@Henry
Gut zu wissen, dass getAttribute() wohl dem eigentlichen Quelltext näher kommt. Vielen Dank für die schnelle Lösung.
Element.getAttribute('src')
liefert – wie der Name schon vermuten lässt – den Wert des Attributs.
Element.src
liefert den Wert der Eigenschaft src
des Elementobjekts. Das ist der aufgelöste vollständige Pfad, auch wenn im src
-Attribut ein relativer angegeben wurde.
Analog:
<input id="my-checkbox" type="checkbox" checked="checked"/>
<label for="my-checkbox">my checkbox</label>
console.log(document.querySelector('#my-checkbox').checked); // true
console.log(document.querySelector('#my-checkbox').getAttribute('checked')); // "checked"
Die Eigenschaft checked
des Elementobjekts beïnhaltet einen booleschen Wert; egal ob im HTML checked="checked"
, checked=""
oder checked
ohne Wertzuweisung steht:
<input id="my-checkbox" type="checkbox" checked/>
<label for="my-checkbox">my checkbox</label>
console.log(document.querySelector('#my-checkbox').checked); // true
console.log(document.querySelector('#my-checkbox').getAttribute('checked')); // ""
(BTW, checked
ist auch true
, wenn im HTML checked="false"
stünde.)
Ebenso:
<dialog id="my-dialog" hidden>
console.log(document.querySelector('#my-dialog').hidden); // true
console.log(document.querySelector('#my-dialog').getAttribute('hidden')); // ""
LLAP 🖖
--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory