title: document.getElementsByClassName("").innerHTML - not working
body: <p>I have a div element with class name <strong><em>today</em></strong> in my html file and I am trying to print temperature on it, for that I have writen the following code but this is not printing anything on the div element, kindly help.</p>
  
  <pre><code>    $http.get("https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20weather.forecast%20where%20woeid%20in%20(select%20woeid%20from%20geo.places(1)%20where%20text%3D%22islamabad%22)&amp;format=json&amp;env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys")
      .success(function (response) {
          var result = response.query; 
          var temp=result.results.channel.item.condition.temp;
          var text=result.results.channel.item.condition.text;    
          var weather = $scope.weather = temp+" "+text;
          document.getElementsByClassName("today").innerHTML = weather;
      });
  </code></pre>