Question

我有一个用幻灯片创建的DIV正在进行幻灯片放映。一切都很好，执行这个DIV的定位。我希望它在页面的下方，但无论我把document.write放在哪里创建它，DIV仍然是Firefox＆amp;铬。对于IE，除非代码位于我的脚本顶部，否则它不会显示。有任何建议或修正吗？

writeButton("","/page1.html","light_box_b01",206,298,"","",0);
writeButton("","/page2.html","light_box_b02b",206,84,"","",0);
document.write('<div id="fadeshow1" style="margin-top:5px; margin-bottom:5px;"></div>')
writeButton("","/page3.html","light_box_b03b",206,89,"","",0);
writeButton("","/page4.html","closeout",206,78,"","",0);

document.write("<td><img src=\""+loc+"Separator02"+gtype+"\" alt=\"\" width=\"206\" height=\"35\"></td>");

document.write('<div id="fadeshow1" style="margin-top:5px; margin-bottom:5px;"></div>')
writeButton("","/page5.html","p_ClipFrame",206,20,"Clip Frames","",0);

Answer 1

请勿使用document.write，而是使用document.createElement，然后使用appendChild将结果结构附加到文档中。你会有更好的结果。

您还应该使用CSS控制项目在页面上显示的位置。您可以通过JavaScript以编程方式分配这些，也可以提供类和ID，并将它们链接到预定义的CSS样式表。

Answer 2

好的，让我们看看这里。以下是一些建议/问题。希望他们中的一两个能提供帮助。

您为什么使用document.write()？
为什么你有内联CSS？你有可能把它分开吗？
writeButton()函数有什么作用？
您使用的jQuery是否可以让您的DOM工作更轻松？
您应该只在同一页面上拥有一次ID！您似乎要添加两次。
“页面下方”是什么意思？
您是否考虑过使用position: absolute，这会让您有更大的力量在页面中移动<div>？
您可以使用<div>代替element.appendChild将document.write放在DOM中的其他位置。（见：https://developer.mozilla.org/en/DOM/element.appendChild）

Answer 3

我做了一个例子，在页面上为div添加了一个图像。一个使用jQuery，另一个使用普通的JavaScript。你可以在这里看到它：http://jsfiddle.net/j6dZf/

// example 1: using normal javascript

// create a variable with the image url (not required)
var src = "http://upload.wikimedia.org/wikipedia/commons/thumb/a/af/Golden_retriever_eating_pigs_foot.jpg/170px-Golden_retriever_eating_pigs_foot.jpg";

// remember id's must be unique per page
// here i'm taking the container div and saving it
var container = document.getElementById("container");

// here i create a new image, set the src attribute and append to container
var img = new Image();
img.src = src;
container.appendChild(img);

这是jQuery版本

// example 2: using jquery
$(function() { // usually you wrap jQuery in this sort of thing
    var $container = $("#container") // grab container using jQuery
    var $img = $("<img>", {src: src}); // create an image tag with src set
    $container.append($img); // add the image you create, could just add text
})

动态创建DIV在其他创建按钮中的位置

3 个答案: