html - option 要素内に任意の DOM 要素をネストすることは可能ですか?

Question

option 要素 ( を除くoptgroup) での入れ子は、w3c 標準に違反していることに気付きました。しかし、この基準に違反しない要素はありますか?

score 6 · Accepted Answer

いいえ。そのコンテンツモデルはtextです。

score 1 · Accepted Answer

HTML構文規則により、内に要素をネストすることはできませんoption。option（中にネストすることはできますがoptgroup、それは別の問題です。）

ブラウザはこれを強制します：ブラウザは内部のタグをすべて破棄しますoption。<option>foo <em>bar</em></option>これは、Firebugなどでドキュメントをテストして確認することで確認できます。

ただし、スクリプトを使用して要素内にDOM要素を挿入することは可能です。option

<option id=foo>
...
<script>
  document.getElementById('foo').innerHTML = 'Hello <em>world</em>';
</script>

optionブラウザは要素のコンテンツのスタイル設定に厳しい制限を課しているため、これは特に便利ではありません。私がテストしたブラウザのうち、Firefoxのみemがこのコンテキストで要素を通常の方法でem（斜体で）レンダリングし、CSSで色や背景などを設定できます。

そしてもちろん、HTMLルールに違反する方法でDOMを操作するのはやや危険です。

2 に答える 2