Chrome + JSFiddle OPTION元素bug

的OPTION文本中摘錄使用此代碼清除：

document.querySelector('option').textContent = '';

<select> 
 
    <option>Ipso</option> 
 
</select>

它也可以在一個CodePen，再加上它的作品在我的網站。

但是，在JSFiddle它失敗– 但只在Chrome。

如果我將textContent設置爲任何之前的來清除它，it then works。

此問題與任何其他類型的元素doesn't seem to occur。

如果我使用innerText或innerHTML代替textContent，我只在Chrome –但再次獲得相同的行爲。 jQuery的文本（）方法也給出了相同的行爲。

這是Chrome bug還是JSFiddle bug？

因爲你的小提琴的設置是不正確的，你正在加載腳本在錯誤的地方。 https://jsfiddle.net/j08691/so4L45s5/5/。更改加載類型選項。 – j08691

謝謝@ j08691，這是有道理的，但爲什麼只有在'textContent'是一個空字符串時它纔會有所作爲？請參閱https://jsfiddle.net/so4L45s5/7/。另外，爲什麼隻影響OPTION元素？ –

當我在你的JSFiddle鏈接上單擊「運行」時，在Chrome中，它工作正常。我無法重現這個問題。 – Quentin

我不知道該錯誤的原因，但嘗試設置負載類型（單擊JavaScript框架右上角的齒輪）並選擇no wrap - in <body>。

它適用於Chrome瀏覽器在手機上（同時你的小提琴沒有），並可能解釋什麼出了錯。

2016-07-27 10:00:48

謝謝，這確實解決了這個問題，但它仍然是一個謎，爲什麼它首先發生。（對不起，不知道爲什麼這是downvoted。） –

@RickHitchcock無需道歉:)。而且，是的，我也有想法 –

回答