如何在angularJS中使用getElementByClassName来更改样式属性?

时间:2014-09-29 16:17:19

标签: javascript html5 angularjs

请告诉我如何在nestloop中获取特定的类名。

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

我想更改'dataenumber的日志严重性':颜色,大小,字体。 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';
    }
}

1 个答案:

答案 0 :(得分:0)

AngularJS中有一个小版本的jQuery(jq Lite),您可以利用$('.secreportChartHeader')轻松抓取具有类名的元素

请参阅此处的文档:https://docs.angularjs.org/api/ng/function/angular.element

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

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