Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用JavaScript访问特定于供应商的CSS属性_Javascript_Css_Dom - Fatal编程技术网

使用JavaScript访问特定于供应商的CSS属性

使用JavaScript访问特定于供应商的CSS属性,javascript,css,dom,Javascript,Css,Dom,我很好奇,如果不依赖jQuery的.css('property','value'),如何通过本机javascript访问/修改属性,如-moz transition(或来自的任何属性)) 例如,要更改元素的背景色,可以使用element.style.backgroundColor 特定于供应商的属性名称是否只是被套用并可操作?我不能这样做,也许它们不再由style的属性表示,应该在其他地方修改?或者根本无法通过DOM访问它们?ex:-webkit-box-shadow .style.setPro

我很好奇,如果不依赖jQuery的
.css('property','value'),如何通过本机javascript访问/修改属性,如
-moz transition
(或来自的任何属性))

例如,要更改元素的
背景色
,可以使用
element.style.backgroundColor

特定于供应商的属性名称是否只是被套用并可操作?我不能这样做,也许它们不再由
style
的属性表示,应该在其他地方修改?或者根本无法通过DOM访问它们?

ex:-webkit-box-shadow

.style.setProperty("-webkit-box-shadow", "0 0 7px #ccc", null);
.style.removeProperty("-webkit-box-shadow");
.style["-webkit-box-shadow"];

使用上驼峰式大小写,例如,
el.style.MozTransition


示例:

太棒了!我把它写成
mozTransition
,但是,有没有一些文档指出要将该属性的第一个字母大写?我从来没有发现任何人知道Microsoft的做法有所不同。这是否意味着它们不能作为DOM元素属性访问?它们是样式属性,而不是元素属性;)我在语义上迷失了,
style
是一个复杂的元素属性,有点被
.style['property']
符号所证实。这是相当整洁的,直到,+1!