2016-07-15 30 views
0

这真的让我挠了挠头。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

如果我使用innerTextinnerHTML代替textContent,我只在Chrome –但再次获得相同的行为。 jQuery的文本()方法也给出了相同的行为。

这是Chrome bug还是JSFiddle bug?

+0

因为你的小提琴的设置是不正确的,你正在加载脚本在错误的地方。 https://jsfiddle.net/j08691/so4L45s5/5/。更改加载类型选项。 – j08691

+0

谢谢@ j08691,这是有道理的,但为什么只有在'textContent'是一个空字符串时它才会有所作为?请参阅https://jsfiddle.net/so4L45s5/7/。另外,为什么只影响OPTION元素? –

+0

当我在你的JSFiddle链接上单击“运行”时,在Chrome中,它工作正常。我无法重现这个问题。 – Quentin

回答

0

我不知道该错误的原因,但尝试设置负载类型(单击JavaScript框架右上角的齿轮)并选择no wrap - in <body>

它适用于Chrome浏览器在手机上(同时你的小提琴没有),并可能解释什么出了错。

+1

谢谢,这确实解决了这个问题,但它仍然是一个谜,为什么它首先发生。 (对不起,不知道为什么这是downvoted。) –

+0

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