js获得元素文字内容

<script type="text/javascript">
window.onload = function(){
// 抓取元素
var box = document.getElementById("box")
// 添加点击事件
box.onclick = function(){
// 获得元素的里的纯文字内容(ie浏览器都可以用)
// var con = box.innerText;
// 获得非ie里的文字内容
// var con = box.textContent;


// 短路写法(在兼容IE和非IE浏览器的写法)
var con = box.textContent|| box.innerText;


alert(con)
}
}

</script>

///html///

<div id="box">
<h1>今天天气很好<span>很凉快</span></h1>
</div>