Question

我的代码是

<!DOCTYPE html>
<html ng-app="" ng-controller="myCtrl">
<body>
<button ng-click="AppendSample()">
  Show
</button>
<div id="divID">
 OK TEXT
</div>
<script>
function myCtrl($scope) {
    $scope.AppendSample = function() {
     var myElement = angular.element( document.querySelector( '#divID' ) );
     alert(myElement);     
    }
}
</script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
</body>
</html>

我想alert ID为divID的div元素，但警告框中的[[object HTMLDivElement]]代替OK TEXT。我的问题在哪里？我如何获得适当的警报？谢谢。

Answer 1

您需要提醒元素.HTML（）

，而不是提醒元素本身

即

Yes

Answer 2

您可以使用角度的jQlite功能。根据{{3}}

jqLite是一个微小的，API兼容的jQuery子集，允许使用Angular 以跨浏览器兼容的方式操作DOM。 jqLite 仅实现目标最常用的功能占地面积很小。

确保你的jQuery在angular.js之前加载，之后你可以简单地使用

$("#divID").html();

OR

var myElement = angular.element( document.querySelector( '#divID' ) );
alert(myElement.html());

Answer 3

其他响应使用jQuery / jQlite返回$ perl -e "print STDERR 'stderr'; print STDOUT 'stdout'" 2>&1 >file stderr $ cat file stdout中包含的HTML。如果您只想要文本 - 如果您的最终目标确实是一个警报就有意义 - 您可以使用纯JavaScript通过以下方式检索：

<div></div>

Angular JS无法捕获div元素

3 个答案: