javascript - Arbeta med jscontroller-egenskapen med Google-produkter

Jag försökte skapa ett Google Chrome-tillägg för Google Meet, så jag tittade på HTML-koden för Meet, och jag såg många attribut som jsaction="data"; jscontroller="data"; jsname="data"; jsmodel="data".

Egenskapen id="data" dyker aldrig upp, så jag vet inte hur man använder js för att hitta element med ett givet id (document.getElementById("data")), så jag tror att jag måste arbeta med de där konstiga egenskaperna.

Jag försökte googla efter dem, men jag kunde inte hitta något användbart. Vet någon vad de är och hur man arbetar med dem?

Tack i förväg.

Svar #1

jscontroller, jsmodel, jsaction, etc. är en del av Googles kodbibliotek. (De är relativt okända för dem som inte arbetar på Google.)

Om du bara vill hitta HTML-elementet kan du komma åt dessa element med något som

document.querySelector("[jscontroller="+data+"]") 

(Du kan ersätta jscontroller med vilket annat elementattribut som helst.)

Detta använder [attribute=value]-CSS-väljaren, som du kan läsa mer om här.