检查字符串是否为有效的html标记

Check if string is valid html tag.

本文关键字：html 标记 有效 字符串 是否 检查      更新时间：2024-02-23

是否有任何本地Javascript函数来检查html标记是否存在？

我的意思是：

 var tag = "div";
 alert(isValidTag(tag)) // true;
 alert(isValidTag("foo")) // false;

如果没有本地函数，我将保留我的函数：

function isValidTag(tagName) {
  var tags = ["div","span","a","link" ... "body"];
  for(var i=0, len = tags.length; i++ < len; ) {
    if(tags[i] == tagName) return true;
  }
  return false;
}

否。JS中根本没有任何特定于HTML的内容，DOM也没有添加类似的内容。

这个怎么样：

tags = 'a b body...'.split(' ');
function isTag(tag) {
  return tags.indexOf(tag.trim().toLowerCase()) > -1;
}

这可能没有那么有效，我还没有对它进行任何时间测试，但它仍然是一个很好的选择，而不是必须自己维护所有可能值的列表。

var isHTML = (function() {
  var unknown = '[object HTMLUnknownElement]', overrides = {CANVAS:1,VIDEO:1}; //html5 elements. Some browsers don't support these.
  return function(tag) {
    return overrides[tag = tag.toUpperCase()] || (!overrides.hasOwnProperty(tag) && (overrides[tag] = (document.createElement(tag).toString() !== unknown)));
  };
})();

该方法将首先检查缓存的结果，如果没有，它将根据浏览器自己的document.createElement确定结果。如果浏览器不支持它，那么我们可以放心地假设它不是html标签。

一些样本输出：

isHTML('curve'); //false
isHTML('div'); //true
isHTML('DIV'); //true
isHTML('tbody'); //true
isHTML('object'); //true
isHTML('document'); //false
isHTML('html'); //true
isHTML('svg'); //false
isHTML('rect'); //false

var tags = {a: true, b: true, /*...,*/ body: true};
function isTag(_tag)
{
  return tags[_tag];
}

感谢@rsp建议简化

相关文章：