CreateElement avec id?

J'essaie de modifier ce code pour donner également à cet élément div un ID, mais je n'ai rien trouvé sur google et idName ne fonctionne pas. J'ai lu quelque chose sur append , mais cela semble assez compliqué pour une tâche qui semble assez simple, alors y a-t-il une alternative? Merci :)

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

Vous devez utiliser la .setAttribute()méthode:

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

Vous pouvez utiliser à g.id = 'desiredId'partir de votre exemple pour définir l'id de l'élément que vous avez créé.

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

Vous pouvez utiliser Element.setAttribute

Exemples:

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

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

Voici ma fonction pour mieux faire cela:

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

Exemple 1:

createElement("div");

retournera ceci:

<div></div>

Exemple 2:

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

retournera ceci:

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

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

retournera ceci:

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

Vous pouvez créer de nouveaux éléments et définir des attributs et ajouter des enfants

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

Il n'y a pas de limite pour les éléments attr ou enfant

Pourquoi ne pas le faire avec jQuery?

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

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

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

essayez ceci que vous voulez.

Je ne sais pas si vous essayez de définir un ID pour pouvoir le styler en CSS, mais si c'est le cas, vous pouvez également essayer:

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

g.className= "g";

et cela nommera votre div afin que vous puissiez le cibler.