使用JavaScript访问特定于供应商的CSS属性
我很好奇,如果不依赖jQuery的使用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
.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!