Gunnar Bittersmann: Javascript echter Inhalt/Pfad aus src auslesen *gelöst

Beitrag lesen

@@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