zoukankan html css js c++ java

通过js修改doctype类型

直接上代码啦：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
  <title>Untitled</title> 
</head> 
<body> 
<script type="text/javascript"> 
function foo() { 
  alert("document.body.parentNode.previousSibling.tagName\n" + document.body.parentNode.previousSibling.tagName); 
  alert("document.body.parentNode.parentNode.firstChild.tagName\n" + document.body.parentNode.parentNode.firstChild.tagName); 
  alert("document.body.parentNode.parentNode.firstChild.nodeName\n" + document.body.parentNode.parentNode.firstChild.nodeName); 
  alert("document.body.parentNode.parentNode.firstChild.nodeValue\n" + document.body.parentNode.parentNode.firstChild.nodeValue); 
  alert("document.body.parentNode.parentNode.lastChild.tagName\n" + document.body.parentNode.parentNode.lastChild.tagName); 
  alert("document.body.parentNode.parentNode.lastChild.nodeName\n" + document.body.parentNode.parentNode.lastChild.nodeName); 
} 
function redoctypeme(which) { 
  alert("before\n" + document.body.parentNode.parentNode.firstChild.nodeValue); 
  if(which == 1) { 
    document.body.parentNode.parentNode.firstChild.nodeValue = "DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01//EN\" \"http://www.w3.org/TR/html4/strict.dtd\""; 
  } 
  else { 
    document.body.parentNode.parentNode.firstChild.nodeValue = "DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\""; 
  } 
  alert("after\n" + document.body.parentNode.parentNode.firstChild.nodeValue); 
  foobar = document.body.innerHTML; 
  alert("empty"); 
  document.body.innerHTML = ""; 
  alert("reset"); 
  document.body.innerHTML = foobar; 
} 
</script> 
<a href="javascript: foo()">stuff</a> 
<a href="javascript: redoctypeme('1')">doctype 1</a> 
<a href="javascript: redoctypeme('2')">doctype 2</a> 
<hr> 
<div style="background: #0c0;  200px; color: #fff;">200px</div> 
<div style="background: #c00;  200px; padding: 20px; border: 30px solid #00c;"> </div> 
<div style="background: #0c0;  300px; color: #fff;">300px</div> 
</body> 
</html>

查看全文

相关阅读:
preg_match 截取长度限制
 上传文件过大的问题
 PHP的线程安全ZTS与非线程(NTS)安全版本的区别
 开篇
 node:3416) [DEP0005] DeprecationWarning: Buffer() is deprecated due to security and usability issues. Please use the Buffer.alloc(), Buffer.allocUnsafe(), or Buffer.from() methods instead.
如何达到最最简单的平滑滚动
 react 复习
 包管理器
 github-443
记录一下经常忘的数组方法，栈和队列

原文地址：https://www.cnblogs.com/jsfans/p/2295708.html