当前位置: 首页 > 面试题库 >

style.display ='none'不适用于chrome中的选项标签,但适用于Firefox

高飞翮
2023-03-14
问题内容

好的,这是一些演示此问题的示例代码。如果我单击Firefox中的按钮,第一个选项将消失。如果单击chrome中的按钮,则什么也没有发生,或者如果我检查第一个选项,它确实具有属性“
style =’display:none’”,但html页面上的选项本身未隐藏。

<form>
<select>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<input type="button" onclick="document.getElementsByTagName('option')[0].style.display='none'" value="hide option 1">
</form>

为什么在chrome中不起作用?


问题答案:

解决方法是删除option元素以响应您的事件,并在需要时以及在需要时将其重新添加。IIRC,IE将不允许您displaynoneon
option元素设置为。我建议将删除的元素存储在数组中,以便您可以轻松地将它们重新添加回去。



 类似资料:
  • 问题内容: 我在框的选项标签中使用事件 事件在IE和Chrome上不起作用,但在Firefox中工作正常,在这里我不想在选择标签bcz上使用事件,如果用户再次选择相同的选项,则不会触发事件 例如:假设第一次用户选择“一个”下拉菜单,我将在处理了一些用户关闭的弹出窗口后打开一个弹出窗口,假设如果用户希望选择相同的“一个”下拉菜单,则不会触发任何事件。可以使用onclick事件解决在选项标签上,但不适

  • 作为一个初学者,我试图创建一个模式,一旦点击共享按钮就会显示出来,但我似乎不知道为什么onclick函数没有执行,想法是,一旦点击共享按钮,就会显示:none;将更改为display:block,所以要么style.display=“block”有问题,要么(更有可能的是)我很烂。感谢任何帮助。谢谢你之前。 HTML代码: CSS代码: Javascript代码:

  • 问题内容: 以下代码可在Google Chrome beta和IE 7中运行。但是,Firefox似乎对此有问题。我怀疑这是我的CSS文件如何包含的问题,因为我知道Firefox对跨域导入不太友好。 但这仅仅是静态HTML,而没有跨域问题。 在我的landing-page.html上,我像这样进行CSS导入: 在main.css中,我还有另一个导入,例如: 在type.css中,我有以下声明: 我

  • 问题内容: 嗨,我只是简单地尝试在www.example.com上获取h1标签,该标签显示为“ Example Domain”。该代码适用于http://www.example.com,但不适用于https://www.exmaple.com。我该如何解决这个问题?谢谢 问题答案: PhantomJSDriver不支持(所有)DesiredCapabilities。 你会需要: 记录在这里:htt

  • 所以我使用这种方法写入文件,它在windows上运行完全正常,但在mac上运行时,它会创建文件,但它们是空的。 我知道数据是正确的,因为它打印正确。感谢您的任何帮助,这真的让我绊倒了。

  • 列名称的类型为int[] 上述查询适用于postgresql,但不适用于hsqldb,甚至适用于sql 尝试的hsqldb版本:2.2.9和2.3.0 在hsqldb中工作的sql是从table_name中选择x,unnest(column_name)y(x)x和y不是该表的列。