JavaScript document.write以外で動的に順番にappendしたい

前提・実現したいこと

document.writeを使わずに
下記を上から順に空のページにappendするにはどうしたらいいでしょうか

あらかじめ<head></head>

<body></body> があればそこに追加することはできる

var meta = document.createElement('meta');
document.getElementsByTagName('head')[0].appendChild(meta);

<head><body>自体を作るのは不可能か

該当のソースコード

<!DOCTYPE html>
<html lang="ja">
<head></head>
<body></body>

行動規範の内容に同意します

回答1件

ベストアンサー

<head><body>自体を作るのは不可能か

HTML5では、<head>も<body>も開始・終了タグともに省略可能です（HTML LS）。

HTMLに書かなくても、<head>や<body>は存在するものとみなされます。あえて作る必要はありません。

投稿2021/08/04 12:49

maisumakun

総合スコア145208

azrre

2021/08/04 12:57

headはなくても追加できましたが<body>は無いと追加できないようです <!DOCTYPE html> <html lang="ja"> <script> var meta = document.createElement('meta'); meta.setAttribute('http-equiv', 'Content-Type'); document.getElementsByTagName('head')[0].appendChild(meta); var div = document.createElement('div'); div.innerHTML="test"; div.style.width="50px"; div.style.height="50px"; div.style.background="red"; document.body.appendChild(div); </script>

azrre

2021/08/04 12:59

また、 <!DOCTYPE html> <html lang="ja">を追加する方法はご存知ありませんでしょうか？

maisumakun

2021/08/04 13:06 編集

> <body>は無いと追加できないようですいきなり<script>を書いた場合、それは<head>内にあるものとみなされます。ふつうにHTMLを書いたとしても<body>は「読み込まれるより前」のタイミングです。 onloadやDOMContentLoadedなど、「HTMLを読み切った」以降のタイミングで実行すればdocument.bodyは存在します。

maisumakun

2021/08/04 13:06

> <!DOCTYPE html> <html lang="ja">を追加する方法はご存知ありませんでしょうか？ <html>も<head>や<body>と同様、常に存在します。document.documentElement.setAttribute('lang', 'ja')とすれば、「すでに存在する」<html>にlang="ja"を追加できます。

行動規範の内容に同意します