按类名和属性值获取元素并在AngularJS中设置CSS

时间:2016-03-31 20:54:32

标签: javascript html dom

我有一个指令:

class LkfsSliderDirective {

constructor() {
    this.restrict = "E";
    this.templateUrl = "./controls/lkfsSlider/lkfsSliderTemplate.html";
    this.controller = 'LkfsSliderController';
    this.controllerAs = 'slider';
    this.replace = true;
    }

    link(scope, element, attrs) {

    }
}

export default LkfsSliderDirective;

在HTML中:

<img ng-src="{{slide.image}}" class="lkfs-slider-slide" alt="" id="{{slide.id}}" ng-repeat="slide in slider.slides"/>

我想通过具有特定ID的类名称获取img标记(例如= 0)并设置CSS(display: block)。

我试过很多方面但没有任何作用,例如:

var elem = document.getElementsByTagName("img")[0];
angular.element(elem).css('display', 'block');

也在链接中。

有什么想法吗?

1 个答案:

答案 0 :(得分:2)

只需使用document.getElementById()选择具有特定ID的元素:

var elem = document.getElementById("0");
angular.element(elem).css('display', 'block');