<a href="#" onclick="alert(document.getElementById(id).offsetHeight);">View value</a>

function screenSize() {
      var w, h; // Объявляем переменные, w - длина, h - высота
      w = (window.innerWidth ? window.innerWidth : (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.offsetWidth));
      h = (window.innerHeight ? window.innerHeight : (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.offsetHeight));
      return {w:w, h:h};
}
// Пример:
document.write(
      "Длина = " + screenSize().w + "px<br>" +
      "Высота = " + screenSize().h + "px"
);

#waterfowl {
    width : 600px;
    margin-left : 10px;
    margin-right : 10px;
    border-color:#000000;
    
}