Did refering DOM Elements get easier?

Question

I notice the syntax -

identifier.innerHTML = "text to display";

where the identifier is id="identifier"

works in Chrome 41.

Is this part of a proposed standard ?

Bill

score 1 · Answer 1 · edited May 23 '17 at 11:58

1

This behavior--referring to an element by simply using its ID--has been there for years, but it's now deprecated and good to avoid. See Directly reference HTML elements or Why don't we just use element IDs as identifiers in JavaScript?. Spec is at http://www.w3.org/html/wg/drafts/html/master/browsers.html#named-access-on-the-window-object.

edited May 23 '17 at 11:58

Community

1
1

answered May 27 '15 at 13:56

Thanks, that is what I needed to know. – William Rushon May 27 '15 at 14:14

score -1 · Answer 2 · answered May 27 '15 at 13:22

-1

Yes,Each HTML element has an innerHTML property that defines both the HTML code and the text that occurs between that element's opening and closing tag. By changing an element's innerHTML after some user interaction, you can make much more interactive pages.

This property was initially implemented by web browsers, then specified by the WHATWG and W3C in HTML5. Old implementations may not all implement it exactly the same way. For example, when text is entered into a text input, Internet Explorer changes the value attribute of the input's innerHTML property but Gecko browsers do not.

<!DOCTYPE html>
<html>
<body>

<p id="demo" onclick="myFunction()">Click me to change my HTML content (innerHTML).</p>

<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "Paragraph changed!";
}
</script>

</body>
</html>

answered May 27 '15 at 13:22

Deepak Mani

125
11

function myFunction() { demo.innerHTML = "Paragraph changed!"; } , also works – William Rushon May 27 '15 at 13:34
Yes it will there are many workarounds to do that is there any specific requirement for you mate – Deepak Mani May 27 '15 at 13:36
That's not what he's asking. – May 27 '15 at 13:54
Thanks, I just didn't know it was available. Is document.getElementById("demo") == demo.innerHTML in Chrome is common knowledge ? – William Rushon May 27 '15 at 13:57
Yes it is you can also refer the W3 if you wish to – Deepak Mani May 27 '15 at 14:01

Did refering DOM Elements get easier?

2 Answers2