如何测试，如果目前的浏览器支持给定标记名

Question

我想打一个函数的效果：

function supportsElem(tagName) { 
    // returns boolean 
} 

其中：

supportsElem("div") // true 
supportsElem("randomtext") // false 

什么最简单的方法来做到这一点？

Answer 1

只是一个猜测，因为我从来不必关心这一点。但在我看来，您可以创建元素，然后检查并确保它的行为应该像它应该那样。例如，它具有某些属性，或者它的构造函数是正确的（或者至少与通用的不受支持的元素相同）。

构造检查（未经测试）的一个例子：

// pick a name that'll never be an element 
var generic_element = document.createElement('randomtext'); 

var tagName_to_check = document.createElement('div'); 
if (tagName_to_check.constructor === generic_element.constructor) { 
    // the browser treats the node as a generic element, rather than 
    // (eg) a DivElement 
    // so it's probably unsupported 
} 

Answer 2

您可以简单地创建元素，然后使用特定于此元素的方法对其进行测试。

Answer 3

试试这个：

function testTag(tagname) { 
    return document.createElement(tagname) instanceof HTMLUnknownElement; 
} 

我不知道这（HTMLUnknownElement），会有什么样的浏览器的支持，虽然。

Answer 4

这比努力付出更多的努力。

只需保留所有有效标签的字典（easy to find online）。基本上串

的数组，然后它只是

var dictionary = ["div", "a", "input", "span", ..., "td"]; 
var myTag = "div"; 
dictionary.indexOf(myTag); // if this doesn't return -1, then the tag is valid