如何使用angularJS中的getElementByClassName更改样式属性？

有些身体请解释我如何获得nestloop中的特定类名。如何使用angularJS中的getElementByClassName更改样式属性？

<header class="secreportChartHeader"> 
    <span class = "secreportChartHeaderTitle"> 
     <div id="Global" class ="headerglobal"> 
      <div id="left" >log severity by Datenumber</div> 
     </div> 
    </span> 
<header>

我想通过dataenumber更改'log severity'：color，size，font。 var header = $ element [0] .children [0]; //它包含上面的html标签我试过这样得到一个错误块嵌套得太深了。

var chartHeader = header.getElementsByClassName('header'); 
for(var i=0; i<chartHeader.length; i++) { 
    if(chartHeader[i].className === 'secreportChartHeaderTitle') { 
     chartHeader[i].style.color = 'red'; 
    } 
}

来源

2014-09-29 kumark

不要这样做，而是使用ng-style，ng-class等。你可以控制标题上的'secreportChartHeaderTitle'类名吗？ – PSL 2014-09-29 16:17:57

是的，它有一个控制器。主要目标是已绘制的图形，现在我想改变文本的颜色和字体等。 – kumark 2014-09-29 16:26:25

请阅读本文http://stackoverflow.com/questions/14994391/how-do-我思考 - 在-angularjs-IF-I-有-A-jQuery的背景。 – Chandermani 2014-09-29 16:40:40

AngularJS有一个小版本的jQuery它（JQ精简版），你可以使用与类名很容易与$('.secreportChartHeader')

查看文档在这里抓一个元素：https://docs.angularjs.org/api/ng/function/angular.element

从一个代码透视图，我看到的主要问题是你正在寻找一个不存在的类名为'header'的元素。如果你想抓住标题元素，只需使用原生角元素选择器angular.element('header')

希望有所帮助！祝你好运！

来源

2014-09-29 19:27:53 caseybaggz

如何使用angularJS中的getElementByClassName更改样式属性？

回答

相关问题