javascript - 如何测试当前浏览器是否支持给定的 tagName

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
}