Wie testen, ob aktuelle Browser ein tagName

Question

gegebenen unterstützt würde ich eine Funktion auf die Wirkung machen mag:

function supportsElem(tagName) { 
    // returns boolean 
} 

wo:

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

Was ist der einfachste Weg, das zu tun?

Answer 1

Nur eine Vermutung, denn ich musste mich nie darum kümmern. Aber es scheint mir, Sie könnten das Element erstellen und dann überprüfen, ob es sich so verhält, wie es sollte. Zum Beispiel, dass es bestimmte Eigenschaften hat oder dass sein Konstruktor richtig ist (oder zumindest nicht dasselbe ist wie ein generisches, nicht unterstütztes Element).

Ein Beispiel für den Konstruktor Prüfung (ungetestet):

// 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

Sie könnten einfach das Element erstellen und dann mit einer für dieses Element spezifischen Methode testen.

Answer 3

Try this:

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

Ich weiß nicht, welche Art von Browser unterstützen diese (HTMLUnknownElement), obwohl haben.

Answer 4

Dies ist mehr Mühe als es wert ist.

Behalten Sie einfach ein Wörterbuch mit allen gültigen Tags bei (easy to find online). Im Grunde ein Array von Strings

dann seine nur

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