Javascript 以下angularjs代码更改底部边框颜色的正确语法是什么?
我试着用这样的方法:Javascript 以下angularjs代码更改底部边框颜色的正确语法是什么?,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,我试着用这样的方法: //works fine angular.element("#startDiscussion")[0].style.border = "1px solid blue"; 以上方法很好。如何只更改底部边框.bottom不起作用 还需要对图像进行灰色过滤。像下面这样的 angular.element("#yellowUnderReview")[0].style.filter.grayscale = "100%"; 其结果如下所示: img { -webkit-filt
//works fine
angular.element("#startDiscussion")[0].style.border = "1px solid blue";
以上方法很好。如何只更改底部<如果我在上面的代码中使用,则代码>边框.bottom不起作用
还需要对图像进行灰色过滤。像下面这样的
angular.element("#yellowUnderReview")[0].style.filter.grayscale = "100%";
其结果如下所示:
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
// Standard syntax
angular.element("#yellowUnderReview")[0].style.filter = "grayscale(100%)";
// Code for Safari 6.0 - 9.0
angular.element("#yellowUnderReview")[0].style.WebkitFilter = "grayscale(100%)";
有关于这些的文档吗?您可以尝试
border-bottom
查看border-bottom
angular.element("#startDiscussion")[0].style.borderBottom = "1px solid blue";
对于,过滤器
,您可以使用以下选项:
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
// Standard syntax
angular.element("#yellowUnderReview")[0].style.filter = "grayscale(100%)";
// Code for Safari 6.0 - 9.0
angular.element("#yellowUnderReview")[0].style.WebkitFilter = "grayscale(100%)";
最好的方法是使用css:
#startDiscussion {
border-bottom: 1px solid pink;
}
如果您不能使用css,请尝试使用驼峰大小写样式,这是javascript的方式:
borderBottom: 1px solid blue;
也可以查看这篇文章:使用ng风格,而不是你现在的样子doing@Weedoze我有一个非常复杂的css结构,这就是为什么我们从一开始就试图避免使用ngStyle。然后使用
NgClass
Yes,ng类
比添加这样的样式要好得多,即使您有一个非常复杂的结构,每个属性也会有一行。。。因此,您将拥有大量的angular.element(…)…
。使用可用的指令,如ng style
或ng class
,这非常完美。你从哪里得到正确的语法?你有相同的链接吗?我找不到具体的文章。但是相应css属性的javascriptObject.style
属性可以在google上轻松找到。请参考一下