html5中无法使用adBanner作为img的id

小弟初学html5，是照着书上的例子进行学习的。有两个例子书上给的代码是这样

主页面html代码

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>iframe 5</title>
    <link rel="stylesheet" href="css/script01.css">
</head>
<body>
    站点的特征
    <img src="img/spacer.gif" width="400" height="75" id="adBanner" alt="banner">
    <iframe src="iframe02.html" name="icontent" id="icontent"></iframe>
    <h1>Main Content Area</h1>
    <h2>
        <a href="page1.html"> link1</a><br>  <!--表示换行-->
        <a href="page2.html">link2</a><br>
        <a href="page3.html">link3</a><br>
    </h2>
</body>
</html>

跳转页面代码

    <!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Content iframe</title>
    <script src="js/script03.js"></script>
</head>
<body>
    Please load a page
</body>
</html>

js代码

    /**
 * Created by ht on 2015/3/8.
 */
window.onload = initLinks;
var bannerArray = new Array("img/redBanner.gif","img/greenBanner.gif","img/blueBanner.gif");
function initLinks()
{
    for(var i=0; i<parent.document.links.length; i++)
    {
        parent.document.links[i].onclick = setBanner;
    }
}
function setBanner()
{
    var randomNum = Math.floor(Math.random()*bannerArray.length);

    parent.document.getElementById("adBanner").src = bannerArray[randomNum];
    return false;
}

但是我在程序中对adbanner操作实现就是不对
当代码改为

<img src="img/spacer.gif" width="400" height="75" id="myBanner" alt="banner">

接着对myBanner操作就好了

不知道有没有大神遇到过此种问题

我斗胆猜一下哈，这可能是一个比较囧的问题，由于你的浏览器装了类似AdBlock的反广告插件，这货通过你的这个adbanner认为他是一个广告，然后就把他给干掉或hide了

【热门文章】