Javascript 获取<；部门>；显示在标题标记中

下面列出的是作业的问题

任务： 要创建此应用程序，您需要在网页的右上角添加一个横幅广告框，广告将以不同的z索引值堆叠在彼此的顶部。要显示不同的广告，您的程序将更改z索引编号，使堆栈从底部到顶部。为了使应用程序在视觉上有趣，Hellen希望新广告从顶部向下滚动，取代当前显示的广告

我的问题: 无法使横幅显示在网页的右上角

/*
JavaScript新视角，第2版
教程8
案例问题1
作者：
日期：
文件名：banners.js
全局变量
下斯塔德
用于跟踪要在横幅框中显示的下一个广告
功能
addEvent（对象、evName、FName、cap）
在对象中发生事件evName时运行函数fnName。
makeBannerAds（）
创建横幅框和横幅广告的堆叠集合
changeBannerAd（）
通过更改堆叠来更改横幅框中显示的广告
广告的顺序
moveNextAd（顶部）
将nextAd对象从其当前位置向下移动顶部像素。
*/
//当您在函数的外侧声明它是全局的或在js文件的顶部时，这里是全局范围
var nextAd；
函数addEvent（对象、evName、FName、cap）{
if（object.attachEvent）
object.attachEvent（“on”+evName，fnName）；
else if（object.addEventListener）
object.addEventListener（evName、fnName、cap）；
}
/*在下面添加新代码*/
var nextAd；
addEvent（窗口，“加载”，makeBannerAds，false）；
函数makeBannerAds（）{
var bannerBox=document.createElement（“div”）；
bannerBox.id=“bannerBox”；
对于（变量i=0；i我在你的代码中发现了一些错误。你需要使用

document.body.appendChild（bannerBox）

而不是

文件.附件（bannerBox）

在做了这个修改之后，我运行了你的代码，bannerBox元素被添加到了主体中。你可以在Firebug（firefox）中看到它或者Chrome inspector。为了使其可视化，您需要为bannerAd类指定适当的高度和宽度。在您的代码中，因为您没有提到CSS，所以当我在JSBin中运行它时，它在页面上没有可视化显示

在makeBannerAds方法中，您正在创建锚和img元素，但没有添加到bannerAd元素

bannerAd.className = "bannerAd";
bannerAd.style.zIndex = i;
var urlLink = document.createElement("a");
urlLink.href = adsURL[i];
var bannerIndex = document.createElement("img");
bannerIndex.src = "banner" + i + ".jpg";

希望这有帮助。
编辑以添加最后丢失的js文件。banner.js。任何帮助都很好，不一定要寻找答案，但只是指向正确的方向。谢谢。是的，我现在可以看到横幅应该位于的区域。根据您的请求，我已经更改了
文档。appendChild（bannerBox）
到
document.body.appendChild（bannerBox）；
并已将代码添加到makeBannerAds中。我现在在firefox中看到了横幅框，但仍然没有看到图像，我已添加了正确的CSS代码以适应横幅图像。有什么想法吗？我在过去的帖子中添加了上面编辑的代码。添加这两行bannerAd.appendChild（bannerIndex）；bannerAd.appendChild（urlLink）；在bannerBox.appendChild（bannerAd）之前；进行此更改后，我在FF中看到一个损坏的图像，因为我没有图像文件。如果图像托管在本地，则需要提供正确的路径。