Custom Elements create in JavaScript

Question

Are there any known issues with custom elements created like so:

var body = document.body;
var spann = document.createElement("spann");
body.appendChild(spann);

in modern browsers, IE8+, Chrome 29+, FF 38+, Safari 8+

what do you mean by issues? it works fine in all those browsers, should behave just like a <span>... If you want to give it extra capabilities, use document.registerElement() before document.createElement() — dandavis
– dandavis, Commented Apr 7, 2016 at 20:18
also note that while your code will work, hard-coding a <spann>hello</spann> into HTML won't reflect CSS rules in IE8, eg. spann{color:red;}; it needs the document.createElement() — dandavis
– dandavis, Commented Apr 7, 2016 at 20:28

Travis J · Accepted Answer · 2016-04-07 20:23:42Z

1

There shouldn't be any issues, what you have shown will work.

You are creating an HTML5 element if it is not one of the original set of elements. Keep in mind that your spann element with actually be styled like the default HTML5 element, which is essentially a span; no padding or margin, display inline.

edited Apr 7, 2016 at 20:23

answered Apr 7, 2016 at 20:20

Travis J

82.6k43 gold badges213 silver badges280 bronze badges

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

Collectives™ on Stack Overflow

Custom Elements create in JavaScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related