blocks|key|13478|text|我希望这篇文章能帮助你们中的一些人(在控制台中测试，它改变了实际的DOCTYPE)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|13479|var+newDoctype+=+document.implementation.createDocumentType(
+'html',
+'-//W3C//DTD+XHTML+1.0+Transitional//EN',
+'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdd'
);

document.doctype.parentNode.replaceChild(newDoctype,document.doctype);|code-block|syntax|javascript|13480|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I hope this one might help some of you ( Tested in Console and it changes actual DOCTYPE)



<pre><code>var newDoctype = document.implementation.createDocumentType(
 'html',
 '-//W3C//DTD XHTML 1.0 Transitional//EN',
 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdd'
);

document.doctype.parentNode.replaceChild(newDoctype,document.doctype);
</code></pre>

blocks|key|1925165|text|document.doctype+is+a+read-only属性，而不是方法，显然是根据MDC。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1925166|您需要的是：|1925167|https://developer.mozilla.org/En/DOM/DOMImplementation.createDocumentType|1925168|返回一个DocumentType对象，该对象可以在创建文档时与DOMImplementation.createDocument一起使用，也可以通过Node.insertBefore()或Node.replaceChild()放入文档中：|1925169|entityMap|0|LINK|mutability|MUTABLE|url^0|0|V|0|0|0|21|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|W|8|@]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|J|3|K|5|6|7|10|8|@]|D|@]|E|$]]|$1|L|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|M|$N|$5|O|P|Q|E|$R|I]]]]

<code>document.doctype is a read-only</code> property, not method, apparently according to MDC.

What you need is:

<a href="https://developer.mozilla.org/En/DOM/DOMImplementation.createDocumentType" rel="nofollow noreferrer">https://developer.mozilla.org/En/DOM/DOMImplementation.createDocumentType</a>

Returns a DocumentType object which can either be used with DOMImplementation.createDocument upon document creation or they can be put into the document via Node.insertBefore() or Node.replaceChild():

blocks|key|13424|text|为了证明这个用例的合理性，我有以下场景：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|13425|我有一个TAL模板，呈现了页面的一小部分。然后，我将该部分封装在父标记中，如下所示：|13426|<html+tal:omit-tag="True"+...>
++<body+tal:omit-tag="True">
++++<div+class="wrapper"+tal:omit-tag="True">
++++++..

++++++++<div+id="mydiv"+tal:content="foo()">Example+content.</div>

++++++..
++++</div>
++</body>
</html>|code-block|syntax|javascript|13427|这样，设计者就可以将此TAL模板作为独立的HTML文件进行查看/编辑。但是在TAL中不能省略DTD，因此不能将其添加到TAL中。|13428|使用JavaScript添加它的一种简单方法如下：|13429|if+(!document.doctype)+{
++++document.write('<!doctype+HTML>\n'+%2B+\
++++++++document.head.outerHTML+%2B+\
++++++++document.body.outerHTML);
}|13430|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|V|8|@]|9|@]|A|$G|H]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

To try to justify this use case, I have the following scenario:

I have a TAL template that renders a small portition of the page. I then wrap that portition in parent tags like this:

<pre><code>&lt;html tal:omit-tag="True" ...&gt;
 &lt;body tal:omit-tag="True"&gt;
 &lt;div class="wrapper" tal:omit-tag="True"&gt;
 ..

 &lt;div id="mydiv" tal:content="foo()"&gt;Example content.&lt;/div&gt;

 ..
 &lt;/div&gt;
 &lt;/body&gt;
&lt;/html&gt;
</code></pre>

This way, this TAL template is viewable/editable as a stand-alone HTML file, by a designer. One cannot omit the DTD in TAL though, so it cannot be added there.

An easy way to add it with JavaScript is like this:

<pre><code>if (!document.doctype) {
 document.write('&lt;!doctype HTML&gt;\n' + \
 document.head.outerHTML + \
 document.body.outerHTML);
}
</code></pre>

blocks|key|1925154|text|我觉得你做不到。在W3C文档中，doctype是listed属性，但它是只读的。即使它不是，我也不能想象在现实世界的浏览器中改变它会有什么影响。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1925155|Re您的后续注释:您必须处理此服务器端，并返回为目标浏览器量身定做的页面。但除了一些非常边缘的情况外，在任何情况下都不应该这样做。|1925156|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/DOM-Level-2-Core/core.html#i-Document^0|G|7|O|6|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@$9|S|A|T|1|U]]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

I don't think you can. <code>doctype</code> is <a href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#i-Document" rel="nofollow noreferrer">listed</a> as a property in the W3C documentation, but it's read-only. Even if it weren't, I can't imagine what effect changing it would have in real-world browsers.

Re your subsequent comments: You'd have to handle this server-side and serve back the page tailored to the target browser. But you shouldn't have to do that in any but some very fringe cases.

blocks|key|1925219|text|即使您可以，您的代码也会在页面决定呈现后执行，在这种情况下，更改doctype的效果是无效的。我能想象出现代浏览器有doctype问题的唯一方法是，你依赖于IE中的怪癖模式--修复你的设计，使其适用于除IE以外的所有浏览器，然后查看IE特定的样式。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1925220|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Even if you could, your code would be executing after the page has already decided to render by which case the effect of changing the doctype is nothing. The only way I can imagine modern browsers having doctype issues is that you are relying on quirks mode in IE - fix your design to work for all browsers but IE, then look at IE specific styling.

blocks|key|1925280|text|如果只是IE的问题，因为我也遇到了同样的问题，我对IE使用了quirks模式-只要在DOC类型声明之前使用注释，IE就会进入quirks模式。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1925281|另一种解决方法是首先加载一个脚本来检测浏览器，然后使用browsers参数重定向到另一个页面，在那里您可以声明依赖于浏览器的doctype。|1925282|我用我的代码做的例子如下：|1925283|
<![if+gte+IE+9]>
<!DOCTYPE+html>
<![endif]>|code-block|syntax|javascript|1925284|在这里，我从browe中删除了doctype+declearation。|1925285|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|R|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

If the problem is only with IE, As I also experienced the same problem, I used quirks Mode for IE - Just use a comment before DOC TYPE declaration and IE will go into quirks mode.

The other way that you can work around is first to load a script to detect the browser and then redirect with the browsers parameter to the other page where you can declare Browser dependent doctype.

example of what I have done with my code is like :- 

<pre><code>&lt;!--[if lt IE 9]&gt;
&lt;![endif]--&gt;
&lt;![if gte IE 9]&gt;
&lt;!DOCTYPE html&gt;
&lt;![endif]&gt;
</code></pre>

Here I have removed the doctype declearation from the browe

anyone here know how i can dynamically change the doctype with javascript?

i have tried with this function, 

<pre><code>document.doctype('&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"&gt;'); ,
</code></pre>

but it does not work.

how can i change the DOCTYPE

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

这里有人知道如何用javascript动态改变doctype吗？我已经尝试过这个函数，document.doctype('<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">'); ,但它不起作用。

问如何更改DOCTYPE
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何更改DOCTYPEEN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何更改DOCTYPE
EN