如何使用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更改樣式屬性？

回答

相關問題