**Plnkr <http://plnkr.co/edit/a7oV4gWzJG532RSqqOt3?p=preview>**

I'm building my own infinite scroll ability in an Angular project, and I need to obtain the height of my ul.

Currently I'm using this:

Markup

```
<ul id="tags-list">
  <li ng-repeat="t in tags">
    <div class="tag"
      ng-mouseover="showTagDetails(t)"
      ng-mouseleave="leaveTag(t)"
      ng-click="sendTag(t)">{{t.name}}</div>
    <tag-details tag="t"></tag-details>
  </li>
</ul>

```

Controller

```
if ($scope.tags.length != 0 || $scope.tags.length != undefined) {
    var theHeight = document.getElementById('tags-list').offsetHeight;
    // var h = theHeight.style.height;
    console.log(theHeight);
}

```

`.offsetHeight` is returning `0` for my `ul` for some reason.

`var h = theHeight.style.height;` did not return anything.

I do not want to use *jQuery* here to obtain the height, how would you do this?