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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。