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属性的javascript
Object.style
属性可以在google上轻松找到。请参考一下