`
zhouyrt
  • 浏览: 1188526 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

webkit中使用js给html元素style设置filter属性，再获取filter时为undefined

    博客分类：
  • BUG
webkitHTMLChromeIESafari 
阅读更多

以下为重现该bug的代码，

 

<!DOCTYPE HTML>
<HTML>
 <HEAD>
 </HEAD>
 <BODY>

  <div id="a">HELLO</div>

  <script>
	var obj = document.getElementById('a');
	obj.style.filter = "Alpha(opacity='20')";
	alert(typeof obj.style.filter);
  </script>

 </BODY>
</HTML>

 

 

IE6/7/8/Firefox/Opera都弹出了string，

Safari/Chrome弹出的这是undefined

 

 

改成非filter，自定义的属性如aa，则不会重现，如

 

  <script>
	var obj = document.getElementById('a');
	obj.style.aa= "Alpha(opacity='20')";
	alert(typeof obj.style.aa);
  </script>

 

 

 

分享到：
| 谁调我:arguments.callee.caller
评论
9 楼 zhouyrt 2010-08-09  
blacart 写道
WebKit 中 Element.style.filter 是不可探知的（undetectable），你无法为其设置属性值，并且 typeof 返回的类型永远为 undefined

不可探知的（undetectable）。学习了，谢谢您！
8 楼 blacart 2010-08-08  
WebKit 中 Element.style.filter 是不可探知的（undetectable），你无法为其设置属性值，并且 typeof 返回的类型永远为 undefined
7 楼 davepkxxx 2010-06-23  
IE678和FF支持就好了
6 楼 satanest 2010-06-22  
这个算bug?滤镜本来就是ie only的吧
5 楼 lzpzmkm 2010-06-22  
CrystalBear 写道
zhouyrt 写道
sohighthesky 写道
什么意思？webkit支持filter么？

不支持。只是记录下工作中发现的bug。

 

哈哈还没搞过
4 楼 CrystalBear 2010-06-22  
zhouyrt 写道
sohighthesky 写道
什么意思？webkit支持filter么？

不支持。只是记录下工作中发现的bug。

 
3 楼 4769946 2010-06-22  
为什么我在FF下看不到效果啊
2 楼 zhouyrt 2010-06-22  
sohighthesky 写道
什么意思？webkit支持filter么？

不支持。只是记录下工作中发现的bug。
1 楼 sohighthesky 2010-06-22  
什么意思？webkit支持filter么？
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript小技巧

    可以使用`isNaN()`函数检查一个值是否为非数字，或者利用`Number()`或`parseFloat()`尝试将值转换为数字，如果转换失败，它们会返回`NaN`。 ```javascript let value = "123abc"; if (!isNaN(value)) { console....

    前端大厂最新面试题-xinghuan.docx

    3. 原始类型：JavaScript 中有七种原始类型，分别是 Number、String、Boolean、Null、Undefined、Symbol、BigInt。 4. Symbol 的用途：Symbol 是 ES6 中引入的一种新的数据类型，可以用来创建唯一的标识符，避免命名...

    jQuery 1.6.3正式版发布

    #9699：修复webkit内核浏览器中removeAttr('tyle')不能准确移除style属性的问题。 #9719：修复IE6中removeAttr('disabled')不能改变输入框颜色的问题。 #9979：修复.prop(‘tabIndex’) 可能返回错误结果的问题。 #...

    js实现图片上传并正常显示

    在探讨如何使用JavaScript实现图片上传并显示的过程中，涉及到的关键技术包括HTML的表单控件、JavaScript的文件处理API、图片加载技术以及对老旧浏览器（如IE）的兼容性处理。 首先，HTML布局是实现图片上传功能的...

    前端笔试面试题目总结.docx编程资料

    - **内核**：Chrome 使用 Blink，Firefox 使用 Gecko，Safari 使用 WebKit，Edge 使用 EdgeHTML。 - **常见兼容性问题**：如 IE 下的盒模型问题、CSS3 新特性支持度差异、事件模型差异等。 - **解决方案**：使用条件...

    Sortable前端框架

    Sortable is a &lt;s&gt;minimalist&lt;/s&gt; JavaScript library for reorderable drag-and-drop lists. Demo: http://rubaxa.github.io/Sortable/ ## Features * Supports touch devices and [modern]...

    js代码-兼容性写法

    JavaScript，简称JS，是一种广泛用于网页和网络应用的编程语言，尤其在前端开发中起着核心作用。然而，由于浏览器的差异性和版本更新，JS代码的兼容性问题一直是开发者面临的重要挑战。本压缩包文件“js代码-兼容性...

    Prototype 学习 Prototype对象

    `Browser`属性通过执行匿名函数来获取当前浏览器的信息，包括是否为IE、Opera、WebKit内核、Gecko内核以及是否为移动版Safari等。这种模式的优点在于可以封装代码并立即执行，减少了全局命名空间的污染。 - **判断...

Magicbox
Global site tag (gtag.js) - Google Analytics