DOMImplementation.createHTMLDocument() - Web APIs 编辑
The DOMImplementation.createHTMLDocument() method creates a new HTML Document.
Syntax
const newDoc = document.implementation.createHTMLDocument(title)
Parameters
titleOptional (except in IE)- A
DOMStringcontaining the title to give the new HTML document.
Example
This example creates a new HTML document and inserts it into an <iframe> in the current document.
Here's the HTML for this example:
<body>
<p>Click <a href="javascript:makeDocument()">here</a> to create a new document and insert it below.</p>
<iframe id="theFrame" src="about:blank" />
</body>
The JavaScript implementation of makeDocument() follows:
function makeDocument() {
let frame = document.getElementById("theFrame");
let doc = document.implementation.createHTMLDocument("New Document");
let p = doc.createElement("p");
p.textContent = "This is a new paragraph.";
try {
doc.body.appendChild(p);
} catch(e) {
console.log(e);
}
// Copy the new HTML document into the frame
let destDocument = frame.contentDocument;
let srcNode = doc.documentElement;
let newNode = destDocument.importNode(srcNode, true);
destDocument.replaceChild(newNode, destDocument.documentElement);
}
The code in lines 4–12 handle creating the new HTML document and inserting some content into it. Line 4 uses createHTMLDocument() to construct a new HTML document whose <title> is "New Document". Lines 5 and 6 create a new paragraph element with some simple content, and then lines 8–12 handle inserting the new paragraph into the new document.
Line 16 pulls the contentDocument of the frame; this is the document into which we'll be injecting the new content. The next two lines handle importing the contents of our new document into the new document's context. Finally, line 20 actually replaces the contents of the frame with the new document's contents.
The returned document is pre-constructed with the following HTML:
<!doctype html>
<html>
<head>
<title>title</title>
</head>
<body>
</body>
</html>
Specifications
| Specification | Status | Comment |
|---|---|---|
| DOM The definition of 'DOMImplementation.createHTMLDocument' in that specification. | Living Standard | Initial definition. |
Browser compatibility
BCD tables only load in the browser
See also
- The
DOMImplementationinterface it belongs to.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论