CreateElement的ID?

我试图修改这个代码也给这个div项目一个ID,但是我没有发现任何东西在谷歌上,idName不起作用。 我读了一些关于append的内容 ,但是对于一个看起来非常简单的任务来说似乎相当复杂,所以还有其他的select吗? 谢谢 :)

g=document.createElement('div'); g.className='tclose'; gv=0; 

你有没有尝试过:

 g.setAttribute("id", "Div1"); 

你可以使用g.id = 'desiredId'来设置你创build的元素的id。

 var g = document.createElement('div'); g.id = 'someId'; 

你可以使用Element.setAttribute

Examlpes:

g.setAttribute("id","yourId")

g.setAttribute("class","tclose")


我可以给你我更好的一个function:

 function createElement(element,attribute,inner){if(typeof(element) === "undefined"){return false;}if(typeof(inner) === "undefined"){inner = "";}var el = document.createElement(element);if(typeof(attribute) === 'object'){for(var key in attribute){el.setAttribute(key,attribute[key]);}}if(!Array.isArray(inner)){inner = [inner];}for(var k = 0;k < inner.length;k++){if(inner[k].tagName){el.appendChild(inner[k]);}else{el.appendChild(document.createTextNode(inner[k]));}}return el;} 

 createElement("div"); 

将这样做:

 <div></div> 

 createElement("a",{"href":"http://google.com","style":"color:#FFF;background:#333;"},"google");` 

将这样做:

 <a href="http://google.com" style="color:#FFF;background:#333;">google</a> 

 var google = createElement("a",{"href":"http://google.com"},"google"), youtube = createElement("a",{"href":"http://youtube.com"},"youtube"), facebook = createElement("a",{"href":"http://facebook.com"},"facebook"), links_conteiner = createElement("div",{"id":"links"},[google,youtube,facebook]); 

将这样做:

 <div id="links"> <a href="http://google.com">google</a> <a href="http://youtube.com">youtube</a> <a href="http://facebook.com">facebook</a> </div> 

您可以创build新的元素并设置属性并附加子项(s)

 createElement("tag",{attr:val,attr:val},[element1,"some text",element2,element3,"or some text again :)"]); 

属性或子元素没有限制

为什么不用jQuery做到这一点?

 var newDiv= $('<div/>', { id: 'foo', class: 'tclose'}) 

我不知道你是否试图设置一个ID,所以你可以在CSS中设置样式,但是如果是这样的话,你也可以尝试:

 var g = document.createElement('div'); g.className= "g"; 

这将命名您的分区,所以你可以瞄准它。

 var element = document.createElement('tagname'); element.className= "classname"; element.id= "id"; 

试试这个你想要的。