※ ChatGPTを利用し、要約された質問です(原文:[javascript]DOCTYPE宣言対応についてお教え下さい。)
[Javascript] How to Fix Issues with DOCTYPE Declaration
このQ&Aのポイント
Learn how to fix issues with DOCTYPE declaration in JavaScript and ensure proper functionality.
Understand why JavaScript may not work with DOCTYPE declaration and how to resolve this problem.
Find out how to correctly specify the size and positioning of elements in JavaScript when using DOCTYPE declaration.
[javascript]DOCTYPE宣言対応についてお教え下さい。
[javascript]DOCTYPE宣言対応についてお教え下さい。
皆様、お世話になります。
JavaScriptがDOCTYPE宣言によって動作しなくなるということを質問したり解決しているブログは多く見ますが・・・それでも解決出来ず・・・すみません、お教えください。
動作するソースはこちらです。
<html>
<head>
<title></title>
<script language="JavaScript">
function init() {
effect();
}
function effect() {
var element = document.getElementById("sample");
var wanna_width = window.innerWidth - 500;
element.style.backgroundColor = 'red';
element.style.width = wanna_width;
}
</script>
</head>
<body onload="init();" onresize="effect();">
<div id="sample">sampleText</div>
</body>
</html>
これに、以下のDOCTYPE宣言を入れたいのです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
事前調査通り、動作しません。
1)CSS 初期包含ブロックが body 要素ではなく html 要素になるのでdocument.documentElement から取得しないといけない。
2)0以外のサイズ指定には単位が必要。
このようなことは何となく調べがついたのですが。
お手数をお掛け致します。
お教え下さいませ。
追記:重ねてお手数をお掛け致しますが、すこし具体的に改善方法をお教えいただけますと非常に助かります。