当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


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


DOMImplementation createDocument()方法用于创建和返回文档。

用法:

var doc = document.implementation.createDocument(namespaceURI, qualifiedNameStr, docType);

参数:

  • namespaceURI:它是一个DOMString,其中包含要创建的文档的名称空间URI;如果该文档不属于其中一个,则为null。
  • qualifiedNameStr:它是一个包含限定名称的DOMString
  • docType(选修的):它是要创建的文档的文档类型,默认值为null。

返回值:成功时此函数返回DOMDocument对象。

例:在此示例中,我们将使用此方法创建一个文档。



<!DOCTYPE HTML>  
<html>   
<head> 
    <meta charset="UTF-8"> 
    <title>createDocument() method</title> 
</head>    
  
<body style="text-align:center;"> 
    <h1 style="color:green;">   
     GeeksforGeeks 
    </h1>  
    <p id="a">  
    HTML | DOM createDocument() method 
    </p> 
  
    <button onclick = "Geeks()"> 
    Click Here 
    </button> 
    <script>  
        function Geeks(){ 
            var doc = document.implementation.createDocument ( 
'http://www.w3.org/1999/xhtml', 'html', null); 
            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 createDocument() Method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。