如何通过类名或id获取元素

我正在尝试通过 angularjs 查找 html 中的元素。

这是 HTML：

<button class="btn btn-primary multi-files" type="button">
   <span>Choose multiple files</span>
</button>
<br/><br/>
<input ng-file-select type="file" multiple  style="display: none"/><br/>

我试图通过类名多文件获取按钮元素，然后我尝试了

var multibutton = angular.element(element.getElementsByClassName(".multi-files"));

但是不行，又尝试了element.find但它只适用于标签。

AngularJS中有没有可以通过id或类名获取元素的函数？

getElementsByClassName是 DOM 文档上的一个函数。它既不是 jQuery 也不是 jqLit​​e 函数。

使用时不要在类名前添加句点：

var result = document.getElementsByClassName("multi-files");

将其包装在 jqLit​​e 中（如果 jQuery 在 Angular 之前加载，则将其包装在 jQuery 中）：

var wrappedResult = angular.element(result);

如果您想从element在指令的链接函数中，您需要访问 DOM 引用而不是 jqLit​​e 引用 -element[0]代替element:

link: function (scope, element, attrs) {

  var elementResult = element[0].getElementsByClassName('multi-files');
}

或者，您可以使用document.querySelector函数（如果按类别选择，则需要此处的句点）：

var queryResult = element[0].querySelector('.multi-files');
var wrappedQueryResult = angular.element(queryResult);

Demo: http://plnkr.co/edit/AOvO47ebEvrtpXeIzYOH?p=preview