Actual hidden properties on HTML elements - what is the correct term?

Asked Nov 22 '20 at 15:05

Active Nov 22 '20 at 15:05

Viewed 26 times

I've known about this for a while, but I'm not exactly sure what it's called:

var el = document.createElement("p");
el.innerText = "Hello";
el.loremipsum = "TEST STRING"; <-- THIS

document.body.appendChild(el);

If I inspect the DOM, this is what I get:

<p>Hello</p>

The loremipsum property is not in the DOM, but:

document.querySelector("p").loremipsum

returns "TEST STRING". What is this property manipulation called? I would like to research it a bit. And yes, I know data attributes are better to use.

asked Nov 22 '20 at 15:05

MortenMoulder

6,138
11
60
116

It's a "custom property". But it's not hidden from the DOM, you can find it from the listing. It's just not reflected to the attributes. – Teemu Nov 22 '20 at 15:06
See https://stackoverflow.com/q/258469/1625737 – haim770 Nov 22 '20 at 15:08
@Teemu Gotcha, so it's a custom property. Good to know. Thanks. – MortenMoulder Nov 22 '20 at 16:26

Actual hidden properties on HTML elements - what is the correct term?

0 Answers0