creating dynamic element in html using javascript

Question

Am creating elements dynamically using

var eType = "div";
document.createElement(eType);

is there anyway to validate the provided string is an equivalent html tag.

if i provide something like var eType = "idv"; it has to send an error.

Any workarounds to check that.

Community · Accepted Answer · 2017-05-23 10:27:06Z

1

function isValid(input) {
   return document.createElement(input).toString() != "[object HTMLUnknownElement]";
}

alert(isValid("div"));

Not enough rep to flag, but duplication source: Verify whether a string is a valid HTML tag name

edited May 23, 2017 at 10:27

CommunityBot

11 silver badge

answered Oct 27, 2015 at 11:42

Roleg

1116 bronze badges

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

Comments

Marc · Accepted Answer · 2015-10-27 11:38:06Z

1

//Check there if it's an html tag: 

if (eType == "div"){

document.createElement(eType);

}

answered Oct 27, 2015 at 11:38

Marc

237 bronze badges

1 Comment

Joshua Bakker Over a year ago

This is good but however you'll need || for every tag. In my answer it's just adding a new value to the array. Not saying your way is wrong, it can be better.

XCS · Accepted Answer · 2015-10-27 11:42:03Z

1

var validTags = ['div'];
function is_tag(tag) {
    return validTags.indexOf(tag.trim().toLowerCase()) > -1;
}

Something like this?

edited Oct 27, 2015 at 11:42

XCS

28.3k28 gold badges105 silver badges155 bronze badges

answered Oct 27, 2015 at 11:37

Joshua Bakker

2,3783 gold badges38 silver badges67 bronze badges

Comments

Joy Biswas · Accepted Answer · 2015-10-27 11:42:51Z

You can write a function to have included all valid tagNames and then see if [object HTMLUnknownElement]

function isValidHTMLTag(tagName, allowObsolete) {   //  use `-1` as second parameter to completely bypass allowObsolete check
    var obsolete = ['acronym', 'applet', 'basefont', 'bgsound', 'big', 'blink', 'center', 'dir', 'font', 'frame', 'frameset', 'hgroup', 'isindex', 'listing', 'marquee', 'multicol', 'nextid', 'nobr', 'noembed', 'noframes', 'plaintext', 'spacer', 'strike', 'tt', 'xmp'];
    return tagName.match(/[^a-zA-Z0-9]/) ? !1 : -1 !== allowObsolete && -1 !== obsolete.indexOf(tagName) ? allowObsolete || !1 : "[object HTMLUnknownElement]" !== Object.prototype.toString.call(document.createElement(tagName));
}

Collectives™ on Stack Overflow

creating dynamic element in html using javascript

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related