создавая динамический элемент в HTML Использование JavaScript

Question

творю элементы динамически с использованием

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

есть в любом случае для проверки представленной строки является эквивалентом HTML тегов.

если я предоставляю что-то вроде var eType = "idv";, он должен отправить сообщение об ошибке.

Любые обходные пути, чтобы проверить это.

Answer 1

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

alert(isValid("div")); 

Не хватает респ к флагу, но источник дублирования: Verify whether a string is a valid HTML tag name

Answer 2

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

Что-то вроде этого?

Answer 3

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

if (eType == "div"){ 

document.createElement(eType); 

} 

Answer 4

Вы можете написать функцию, которая содержит все действительные тэгами, а затем увидеть, если [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)); 
}