概要
- DOM 要素に文字列を入れると、HTML タグが勝手に挿入されるケースがあり、それの忘備録としてコードを記しておきます。
再現手順
-
<body>の中身が空の.htmlページを用意。 - 以下のコードをブラウザのコンソールで実行。
document.body.innerText = 'aaa\nbbb\nccc'
console.log(document.body.innerHTML)
// 'aaa<br>bbb<br>ccc'
回避策
-
textContentでは起きません。
document.body.textContent = 'aaa\nbbb\nccc'
console.log(document.body.innerHTML)
// `aaa\nbbb\nccc`