如何访问html元素的属性？

Question

我正在尝试获取HTML元素的"validacion"属性。

console.log (element[0]);

这让我回报：

<input class="estilo_input_text ng-pristine ng-untouched ng-valid ng-empty" id="asunto" name="asunto" ng-model="asunto" placeholder="Asunto" type="text" validacion="required">

如何访问"validacion"属性？

Answer 1

您需要javascript Element.getAttribute()方法：

console.log(element[0].getAttribute("validacion"));

Answer 2

尝试element[0].attributes['validacion'].value

祝你有个美好的一天！

Answer 3

不知道为什么你需要这样做：

您最好使用指令方式获取元素。

或者您可以使用Angular jqLite API：

angular.element('#asunto').attr('validacion')

Answer 4

使用element[0].getAttribute("attribute_name");方法。

Answer 5

您可以使用 getAttribute ：

console.log(element[0].getAttribute("validacion"));

Answer 6

我认为这是您正在寻找的答案。

由于您正在使用Angular并且您正在实施ng-model="asunto"，为什么不在html中将其设为这样。

<input class="estilo_input_text ng-pristine ng-untouched ng-valid ng-empty" id="asunto" name="asunto" ng-model="asunto" placeholder="Asunto" type="text">

<button ng-click="get_model(asunto)"></button>

在你的JS中：

$scope.asunto = "model";

$scope.get_model = function (string) {
  console.log(string)
}

我认为这可能有用，因为您已经在使用ng-model，为什么不使用ng-model。