我正在尝试修改此代码以给这个 div 项目一个 ID，但是我在谷歌上没有找到任何东西，而且 idName 不起作用。我读了一些关于append 的内容，但是对于一个看起来很简单的任务来说似乎很复杂，那么有没有替代方法？谢谢 ：）
g=document.createElement('div'); g.className='tclose'; g.v=0;
带有 ID 的 CreateElement？
IT技术
javascript
jquery
2021-02-18 22:34:21
6个回答
您应该使用以下.setAttribute()方法：
g = document.createElement('div');
g.setAttribute("id", "Div1");
您可以g.id = 'desiredId'从您的示例中使用来设置您创建的元素的 id。
var g = document.createElement('div');
g.id = 'someId';
您可以使用 Element.setAttribute
例子：
g.setAttribute("id","yourId")
g.setAttribute("class","tclose")
这是我做得更好的功能：
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;
}
示例 1：
createElement("div");
将返回：
<div></div>
示例 2：
createElement("a",{"href":"http://google.com","style":"color:#FFF;background:#333;"},"google");`
将返回：
<a href="http://google.com" style="color:#FFF;background:#333;">google</a>
示例 3：
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>
您可以创建新元素并设置属性并附加子元素
createElement("tag",{attr:val,attr:val},[element1,"some text",element2,element3,"or some text again :)"]);
attr 或子元素没有限制
为什么不使用 jQuery 做到这一点？
var newDiv= $('<div/>', { id: 'foo', class: 'tclose'})
其它你可能感兴趣的问题