document.getElementById + innerText innerHTML用于广告元素延迟加载

我们在网页中插入JS对象，或者说插入广告代码的时候，经常需要用到延迟载入，防止被广告中图片等大的内容拖慢文字页面的加载，这个时候可以用到document.getElementById + innerText innerHTML的方法

语法：oElement = document .getElementById ( sID )

参数：sID――必选项。字符串 (String) 。

返回值：oElemen――对象 (Element) 。

说明：根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象，则返回该组对象中的第一个。 如果无符合条件的对象，则返回 null 。

注意： document.getElementById(" ") 得到的是一个对象，用 alert 显示得到的是“ object ”，而不是具体的值，它有 value 和 length 等属性，加上 .value 得到的才是具体的值！

看以下案例

<span id="aa"></span>
<span id="cc"></span>
<script>
if(document.getElementById("aa"))
{
document.getElementById('aa').innerHTML = "<a href='http://freewww.bnxb.com/host/' title='' target='_blank'>广告位1</a> "; }
if(document.getElementById("bb"))
{
document.getElementById('bb').innerHTML = "<a href='http://freewww.bnxb.com/host/' title='' target='_blank'>广告位2</a> "; }
if(document.getElementById("cc"))
{
document.getElementById('cc').innerHTML = "<a href='http://freewww.bnxb.com/host/' title='' target='_blank'>广告位3</a> ";}
</script>

这里加入了if(document.getElementById("aa")){} 是用于判断网页中是否有aa这个ID存在，也就是是否有这个广告位，如果不加判断的话，document.getElementById('id').innerHTML执行到aa这个ID不存在后，就不会继续往下执行，写在后面的

document.getElementById('bb').innerHTML = "<a href='http://freewww.bnxb.com/host/' title='' target='_blank'>广告位2</a> ";

就无法被加载