BuatElement dengan id?

Saya mencoba mengubah kode ini untuk juga memberikan ID item div ini, namun saya belum menemukan apa pun di google, dan idName tidak berfungsi. Saya membaca sesuatu tentang append , tetapi tampaknya cukup rumit untuk tugas yang tampaknya cukup sederhana, jadi apakah ada alternatif lain? Terima kasih :)

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

Anda harus menggunakan .setAttribute()metode ini:

g = document.createElement('div');
g.setAttribute("id", "Div1");

Anda dapat menggunakan g.id = 'desiredId'dari contoh Anda untuk mengatur id elemen yang Anda buat.

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

Kamu bisa memakai Element.setAttribute

Contoh:

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

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

Inilah fungsi saya untuk melakukan ini dengan lebih baik:

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;
}

Contoh 1:

createElement("div");

akan mengembalikan ini:

<div></div>

Contoh 2:

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

akan mengembalikan ini:

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

Contoh 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]);

akan mengembalikan ini:

<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>

Anda dapat membuat elemen baru dan mengatur atribut dan menambahkan anak

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

Tidak ada batasan untuk attr atau elemen anak

Mengapa tidak melakukan ini dengan jQuery?

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

var element = document.createElement('tagname');    

element.className= "classname";
element.id= "id";

coba ini yang kamu mau.

Saya tidak yakin apakah Anda mencoba menetapkan ID sehingga Anda dapat menatanya dalam CSS tetapi jika itu masalahnya, Anda juga dapat mencoba:

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

g.className= "g";

dan itu akan memberi nama div Anda sehingga Anda dapat menargetkannya.