动态创建<div>以在</div>中放置Javascript幻灯片

时间:2012-03-09 03:58:49

标签: javascript

我正在尝试将div放在一长串javascript中,这些javascript与数百页一起运行。这个div需要是一个空的javascript幻灯片放入。 控制幻灯片的JavaScript也从一个单一的javascript动态加载到页面上。因此,我不知道是否需要在脚本顶部加载div,以避免冲突,然后使用document.write或插入div的内容。我刚刚学习javascript。

非常感谢任何帮助:

这是我正在使用的代码以及我尝试使用fadeshow1的位置:

writeButton("","/hardware-accessories.html","p_Hardware",206,20,"Hardware and Accessories","",0);

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

//what Im trying to add.
var newdiv = document.createElement('div'); 
var divIdName = 'fadeshow1';
newdiv.setAttribute('fadeshow1',divIdName);
document.body.appendChild(newdiv); 

writeButton("","/uploads.aspx","upload",206,105,"","",0);
writeButton("","","inf00",206,38,"","",0);

2 个答案:

答案 0 :(得分:1)

对我来说很好。


您使用

获得相同的结果
document.write('<div fadeshow1="fadeshow1"></div>');

否则,您可以将代码放在函数中

function append_div() {
   var newdiv = document.createElement('div'); 
   var divIdName = 'fadeshow1';
   newdiv.setAttribute('fadeshow1',divIdName);
   document.body.appendChild(newdiv);
}

并将其调用到您希望div显示为append_div();的位置 只需注意声明函数BEFORE即可调用它。

答案 1 :(得分:0)

很多人以前都解决了这个问题。我首先看看他们的解决方案。 {@ 1}}几乎不是解决问题的最新方式,正如@Salvador指出的那样。

这些预先存在的解决方案大多数非常易于使用,可以在各种情况下使用。这不是一个糟糕的问题,只是你尝试解决它的方式非常复杂。你将不得不学习一些JavaScript,HTML和CSS来实现这一目标。您甚至可能需要学习jQuery的基础知识。让我告诉你,你在学习这些技术方面所做的任何投资都是值得的。

这是一个很棒的jQuery教程,可以帮助您入门:

http://www.impressivewebs.com/jquery-tutorial-for-beginners/

祝您好运,并记得更新@Salvador等帮助您的人!