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

Get element by class name and attribute value and set CSS in AngularJS

本文关键字:并在 AngularJS CSS 设置 元素 获取 属性      更新时间:2023-10-26

我有一个指令:

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的类名(例如=0)获得img标记,并设置CSS(display: block)。

我尝试了很多方法,但都不起作用,例如:

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

也在链接中。

有什么想法吗?

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

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