是否可以在選項元素中嵌套任何DOM元素？

我意識到嵌套在選項元素（除optgroup之外）是違反w3c標準的。但是，有沒有任何元素不違反這個標準？是否可以在選項元素中嵌套任何DOM元素？

2012-05-04 Travis J

2012-05-04 19:15:59

感謝您的鏈接，我一直在看帖子和一個不同的w3c文章，但這一個是相當現貨。 –

HTML5規範是**這種信息的權威來源。 –

HTML5正在進行中，HTML5草案沒有權威性。不過，W3C提供的所有HTML建議（如HTML 4.01和XHTML 1.0）都指定「option」的內容只是文本。 –

通過HTML語法規則，你不能巢內option任何元素。（您可以在optgroup中嵌入option，但這是一個不同的問題。）

瀏覽器強制執行此操作：他們放棄option中的任何標記。您可以通過<option>foo <em>bar</em></option>進行測試並查看文檔與Firebug。

然而，它是可能的用於在具有腳本的option元素內插入DOM元素，例如，

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

這不是特別有用的，因爲瀏覽器上造型option元素的含量有嚴格的限制。在我測試過的瀏覽器中，只有Firefox以em（用斜體表示）的常用方式在此上下文中呈現em元素，並讓我設置例如它的顏色和CSS中的背景。

而且，當然，以違反HTML規則的方式玩DOM有點冒險。

2012-05-05 04:38:00

回答