本人做页面设计器开发,需要保存页面元素属性,近期发现偶有text-decoration属性值保存为initial,以致在IE中读取数据时报属性设置异常的脚本错误,经查发现是因为使用谷歌浏览器(Chrome)进行属性设置时,若是把text-decoration值设置为none,就会返回initial值,即:
[color=darkblue]element.style.textDecoration = 'none';
alert(element.style.textDecoration);[/color] [color=gray]//return "initial"[/color]
因此,若是要消除下划线,应改为以下写法,则可实现浏览器属性兼容:
[color=darkblue]element.style.textDecoration = '';
alert(element.style.textDecoration);[/color] [color=gray]//return "none"[/color]
[color=darkblue]element.style.textDecoration = 'none';
alert(element.style.textDecoration);[/color] [color=gray]//return "initial"[/color]
因此,若是要消除下划线,应改为以下写法,则可实现浏览器属性兼容:
[color=darkblue]element.style.textDecoration = '';
alert(element.style.textDecoration);[/color] [color=gray]//return "none"[/color]