html – 如何检查DOM节点是否是表示doctype声明的节点?

前端之家收集整理的这篇文章主要介绍了html – 如何检查DOM节点是否是表示doctype声明的节点?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以我们说(在IE8中)我们有一个文档.

现在通常我们可以假设document.childNodes [0]是doctype.所以

var doctype = document.childNodes [0]

现在我们如何确认而不是假设它是doctype?

doctype.nodeType === Node.COMMENT_NODE;
doctype.tagName === "!"; // same as a comment
doctype.data.indexOf("DOCTYPE ") > -1; // same as any comment containing the word DOCTYPE.
doctype === document.doctype; // false,document.doctype is undefined in IE8

除了假设之外,我怎么知道给定节点是否是doctype?

对于那些不熟悉DOM4的人,请看一下DocumentType

通过返回document.childNodes [0],DOM-shim获取IE8中的document.doctype

解决方法

我发现在IE7和IE8中,评论的.innerHTML属性总是完整的“<! - 在这里评论 - >”对于doctype节点,它是“”.即使对于空注释,.innerHTML也是“<!---->”

基于此,我创建了:

function isDocType(node) {
    return node && (
    node.nodeType === 10 || (node.nodeType === 8 && "innerHTML" in node && node.innerHTML === ""));
}

有了测试页面

<!-- comment1 -->
<!-- comment2 -->
<!---->
<!-- -->
<!-- <!DOCTYPE html> -->

通过isDocType运行doctype和注释给出:

LOG: true 
LOG: false 
LOG: false 
LOG: false 
LOG: false 
LOG: false

http://jsfiddle.net/AEYt4/

猜你在找的HTML相关文章