HTML DOM createDocumentType()用法及代码示例

DOMImplementation createDocumentType()方法返回一个Doctype对象，该对象可以与DOMImplementation createDocument()方法一起使用以创建文档，也可以将其放入文档中。

用法:

var doctype = document.implementation.createDocumentType(qualifiedNameStr, publicId, systemId);

参数：

qualifiedNameStr:它是一个包含限定名称的DOMString
publicId:它是一个包含PUBLIC标识符的DOMString。
systemId:它是包含SYSTEM标识符的DOMString。

返回值：该函数返回DOMDocumentType节点。

例：在此示例中，我们将使用此方法创建文档类型。

</html> 
<!DOCTYPE HTML>  
<html>   
<head> 
    <meta charset="UTF-8"> 
    <title>createDocumentType() method</title> 
</head>    
  
<body style="text-align:center;"> 
    <h1 style="color:green;">   
     GeeksforGeeks 
    </h1>  
    <p id="a">  
    HTML | DOM createDocumentType() method 
    </p> 
  
    <button onclick = "Geeks()"> 
    Click Here 
    </button> 
    <script>  
        function Geeks(){ 
            var dt =  
document.implementation.createDocumentType( 
'svg:svg', null,  
'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'); 
            console.log(dt); 
            var doc = document.implementation.createDocument ( 
'http://www.w3.org/1999/xhtml', 'html', dt); 
            var head = document.createElementNS( 
'http://www.w3.org/1999/xhtml', 'head'); 
            head.setAttribute('id', 'headDoc'); 
            doc.documentElement.appendChild(head); 
            var body = document.createElementNS( 
'http://www.w3.org/1999/xhtml', 'body'); 
            body.setAttribute('id', 'bodyDoc'); 
            doc.documentElement.appendChild(body); 
            console.log(doc); 
        } 
  </script>  
</body>    
</html>

输出：

按钮单击之前：

单击按钮后：在控制台中可以看到已创建的文档和文档类型。

支持的浏览器：

谷歌浏览器
Edge
Firefox
Safari
Opera
IE浏览器

相关用法

注：本文由纯净天空筛选整理自taran910大神的英文原创作品 HTML DOM createDocumentType() Method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。