el = document.getElementById(id);在以下函数内部时无效… el为空.在浏览器调试中,我可以使用相同的代码提取元素.我是Angular.js的新手.我可以不在附加到范围的函数中使用常规
javascript吗？
myappApp.controller('Scroller',function($scope,$location,$anchorScroll) {
$scope.scrollTo = function(id) {
el = document.getElementById(id);
}
解决方法
我认为DOM尚未加载.所以请确保在完全加载DOM之后运行getElementById().如果在“加载”事件触发后失败,则这是由另一个原因引起的.
HTML
<body ng-controller="sample">
<h1 id="foo">bar</h1>
</body>
JS
var app = angular.module('myApp',[]);
app.controller('sample',function($scope){
addEventListener('load',load,false);
function load(){
var el = document.getElementById("foo");
alert(el);
}
});