有没有一个干净和健壮的方式,我可以测试(使用纯
JavaScript或jQuery)如果HTML元素可以包含一些文本?
例如,< br>,< hr>或< tr>不能包含文本节点,而< div>,< td>或< span>能够.
测试此属性的最简单的方法是控制标签名称.但这是最好的解决方案吗?我认为这是最糟糕的
编辑:为了澄清问题的意义,需要指出的是,完美的答案应该考虑两个问题:
>根据HTML标准,元素可以包含文本节点吗?
>如果元素包含一些文本,会显示吗?
显然,前面列表的每个点都有一个子回答.
解决方法
The W3 standard for “void elements”规定:
Void elements
area,base,br,col,embed,hr,img,input,keygen,link,menuitem,Meta,param,source,track,wbr
显然还有一些unofficial标签.
您可以使用黑名单并使用.prop(‘tagName’)获取标签名称:
(function ($) { var cannotContainText = ['AREA','BASE','BR','COL','EMbed','HR','IMG','INPUT','KEYGEN','LINK','MENUITEM','Meta','ParaM','SOURCE','TRACK','WBR','BASEFONT','BGSOUND','FRAME','ISINDEX']; $.fn.canContainText = function() { var tagName = $(this).prop('tagName').toupperCase(); return ($.inArray(tagName,cannotContainText) == -1); }; }(jQuery)); $('<br>').canContainText(); //false $('<div>').canContainText(); //true
在这里,您还可以将自己的标签添加到cannotContainText(例如,添加< tr>,它不是正式的一个void元素,因为它不匹配specification“一个void元素是一个元素,其内容模型永远不允许它具有内容在任何情况下,虚空元素都可以有属性.“).
原文地址:https://www.jb51.cc/js/151936.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。