用js动态创建元素（原本在html中的），运行后不管用

Question

function myfunction()

{

var liulanqu=document.createElement("div");

liulanqu.setAttribbute("class","liulanqu");

liulanqu.appendChild( placeholder);

var placeholder=document.createElement("img");

placeholder.setAttribute("id","placeholder");

placeholder.setAttribute("src","images/lunbo6.jpg");

placeholder.setAttribute("alt","my image");

var description=document.creatElement("p");

description.setAttribute("id","description");

var text=document.createTextNode("choose a imsge");

description.appendChild(text);

document.body.appendChild(placeholder);

document.body.appendChild(description);

document.body.appendChild(liulanqu);

}

function showPic(whicpic)

{

if(!document.getElementById("placeholder"))return false;//检查是否存在占位图片

if(document.getElementById("description"))//检查是否有被替换的文本

    {

var source=whicpic.getAttribute("href");

var placeholder=document.getElementById("placeholder");

placeholder.setAttribute("src",source);

var text=document.getElementById("description");

var links=whicpic.getAttribute("title");

text.firstChild.nodeValue=links;

}

return true;

}

//1.是否支持支持平稳退化

//是否结构分离

//检测浏览器支持js的程度

//添加事件函数

window.onload=prepareGALLERY;

 function prepareGALLERY()

     //检测js的支持程度

 {  if(!document.getElementById) return false;

if(!document.getElementsByTagName) return false;

if(!document.getElementById("imagegallery")) return false;

/*结构分离：将所有ul标签中的元素提取并存储到links的变量中，然后在这些a元素中添加事件；

此段代码最大作用是将原本镶嵌在html代码中的js代码转移到外部的js文件中*/

var gallery=document.getElementById("imagegallery");

var links=gallery.getElementsByTagName("a");

for(i=0;i<links.length;i++)

   {

links[i].onclick=function ()

    { 

showPic(this);return false;}

}

 }

Answer 1

只看了一点没看全部liulanqu.appendChild( placeholder); var placeholder=document.createElement("img");这个顺序不对吧，还有，以后贴代码能像我这样吗，真不想看