Web*_*ner 33 html javascript dom innerhtml
如何innerHTML使用javascript设置HTML文档或整个内容？
例如,我的文档看起来像这样:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-language" content="en"/>
<title>Webpage Generator</title>
<script type="text/javascript">
var newDocument = "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" \n\t"http://www.w3.org/TR/html4/loose.dtd">\n<html>\n<head>\n\t<title>Greetings!</title>\n</head>\n<body>\n\t<p>Howdy!</p>\n</body>\n</html>";
document.innerHTML = newDocument;
</script>
</head>
<body>
</body>
</html>
但是浏览器会加载以下HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Greetings!</title>
</head>
<body>
<p>Howdy!</p>
</body>
</html>
Mat*_*ens 29
document.innerHTML 是HTML5中的新功能,并非所有浏览器都支持.
document.documentElement指的是文档的根元素,在本例中是<html>元素.
所以,你可以设置document.documentElement.innerHTML.请注意,由于DOCTYPE不属于此范围,因此不需要将其包括在内innerHTML.
示例(尝试在浏览器的JS控制台中运行):
document.documentElement.innerHTML = '<title>Test</title><p>LOLWAT';
更新: document.innerHTML从HTML规范转移到DOM解析和序列化规范,后来被删除.建议的替代方法是使用DOMParser:
var doc = (new DOMParser).parseFromString('<!doctype html><title>wat</title>', 'text/html');
不幸的是,在撰写本文时,大多数浏览器还不支持HTML.
wch*_*gin 28
如果你不想使用innerHTML,你可以使用document.write(newDocument);.
如果文档没有完全加载,你也需要放好document.open()(感谢bažmegakapa).
fre*_*727 11
使用此代码(在加载当前文档后):
document.open("text/html", "replace");
document.write(htmlCode); // htmlCode is the variable you called newDocument
document.close();
这里的现场例子:http://www.w3schools.com/jsref/tryit.asp？ filename = tryjsref_doc_open
希望这个帮助;)