Tạo hiệu quả với id?

Tôi đang cố gắng sửa đổi mã này để cung cấp cho mục div này một ID, tuy nhiên tôi không tìm thấy gì trên google và idName không hoạt động. Tôi đã đọc một cái gì đó về việc chắp thêm , tuy nhiên nó có vẻ khá phức tạp đối với một nhiệm vụ có vẻ khá đơn giản, vậy có cách nào khác không? Cảm ơn :)

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

Bạn nên sử dụng .setAttribute()phương pháp:

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

Bạn có thể sử dụng g.id = 'desiredId'từ ví dụ của mình để đặt id của phần tử bạn đã tạo.

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

Bạn có thể dùng Element.setAttribute

Ví dụ:

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

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

Đây là chức năng của tôi để làm điều này tốt hơn:

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

Ví dụ 1:

createElement("div");

sẽ trả lại cái này:

<div></div>

Ví dụ 2:

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

sẽ trả lại cái này:

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

Ví dụ 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]);

sẽ trả lại cái này:

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

Bạn có thể tạo các phần tử mới và đặt (các) thuộc tính và nối thêm (các) con

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

Không có giới hạn cho attr hoặc phần tử con

Tại sao không làm điều này với jQuery?

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

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

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

Hãy thử cái này bạn muốn.

Tôi không chắc chắn nếu bạn đang cố gắng đặt ID để bạn có thể định kiểu nó trong CSS nhưng nếu đó là trường hợp bạn cũng có thể thử:

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

g.className= "g";

và điều đó sẽ đặt tên cho div của bạn để bạn có thể nhắm mục tiêu.