How can I set <HTML> attribute without jQuery

Question

I want to set attributes to tag without jQuery.

I have to set this dynamically.

I understand in jQuery you just do $('html') but without jQuery, I tried Document.getElementById('html') but does not work.

How can I do this?

Is your problem setting an attribute or selecting the right element(s)? Please be clear about it. — Felix Kling
– Felix Kling, Commented Nov 25, 2012 at 22:26

Quentin · Accepted Answer · 2012-11-25 22:26:19Z

4

In the general case, the standard DOM equivalent to jQuery('element_name'); is document.getElementsByTagName('element_name');. Note that it returns a NodeList (which is like an array) and not just an HTMLElementNode.

The HTML element, as the root element, can be accessed via document.documentElement.

Setting attribute values can be done with the setAttribute('attribute_name', 'attribute_value'); method on an HTMLElementNode. The method is buggy in older versions of Internet Explorer, so you may wish to use the equivalent DOM property instead.

For example, to replace the value of the class attribute:

document.documentElement.className = "foo bar baz";

answered Nov 25, 2012 at 22:26

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

RobG Over a year ago

While document.documentElement is equivalent, document.getElementsByTagName('html')[0] would be closer to jQuery's version I think (but I haven't trawled through its selector engine to find out).

Perry · Accepted Answer · 2019-07-21 02:45:16Z

2

document.getElementsByTagName('html')[0].setAttribute('name','value');

edited Jul 21, 2019 at 2:45

Perry

3,90326 gold badges40 silver badges51 bronze badges

answered Nov 25, 2012 at 22:33

gkiely

3,0071 gold badge26 silver badges37 bronze badges

Collectives™ on Stack Overflow

How can I set <HTML> attribute without jQuery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related