CreateElement avec l'id?

Je suis en train de modifier ce code pour aussi donner à cet élément div ID, cependant, je n'ai rien trouvé sur google, et idName ne fonctionne pas. J'ai lu quelque chose à propos de ajouter, mais il semble assez compliqué pour une tâche qui semble assez simple, donc, il y a une alternative? Merci 🙂

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

$( '<div id="foo" />' )?
Ou voulez-vous dire g.id = 'foo';?
Je sais maintenant ce que je voulais dire à l'échelle 🙂
Cette recherche Google retourne des résultats raisonnables.

InformationsquelleAutor pufAmuf | 2012-02-23

javascript jquery

398

Vous devez utiliser le .setAttribute() méthode:
```
g = document.createElement('div');
g.setAttribute("id", "Div1");
```
- Avec ce code, nous créons non seulement l'IDENTIFIANT de l'élément, mais aussi pour tous les attributs de l'élément.
- Pouvez-vous expliquer davantage? Je ne comprends pas la phrase.
- Je pense que Mai est en train de dire que setAttribute() peut être utilisée pour créer les autres attributs d'un élément, et pas juste l'id.
InformationsquelleAutor lkaradashkov
78

Vous pouvez utiliser g.id = 'desiredId' à partir de votre exemple pour définir l'id de l'élément que vous avez créé.
- J'ai toujours chose que le annwer avec moins de code est la meilleure. Plus tir n'est pas possible. thx.
InformationsquelleAutor g.d.d.c

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

InformationsquelleAutor raina77ow

Vous pouvez utiliser Élément .setAttribute

Exemples:

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

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

Voici ma fonction pour le faire mieux:

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");

sera de retour ce:

<div></div>

Exemple 2:

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

sera de retour ce:

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

sera de retour ce:

<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 de l'ensemble de l'attribut(s) et ajouter des enfant(s)

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

Il n'y a pas de limite pour l'attribut ou élément enfant(s)

Pourquoi sur Terre serait vous passe les attributs avec votre propre syntaxe [ce que vous avez à analyser], lorsque vous pouvez utiliser un objet standard? De Plus, si vous avez besoin de créer un grand nombre d'éléments, vous avez besoin d'un système de templating [par exemple, le Guidon] et pas trop compliqué fonctions.
Cette fonction est l'une des premières de mes fonctions et je n'ai pas pensé à la mise à jour. Je pense que votre idée est mieux et je vais certainement changer. Je vous remercie pour cela.
Bien qu'ils soient de droite, merci de fournir des informations supplémentaires et de nouvelles façons d'aller à ce sujet. Très perspicace.

InformationsquelleAutor Guja1501

13

Pourquoi ne pas le faire avec jQuery?
```
var newDiv= $('<div/>', { id: 'foo', class: 'tclose'})
```
- tout le monde ne peut ou veut utiliser jQuery. Mais s'il l'était, il pouvait juste faire var g = $('<div id="bla" class="tclose">');
- Il a touché la question avec jQuery. thay est j'ai proposé une solution jQuery
- Je corrige la position des mains...bon appel.
- Bien que la norme n'interdit pas l'utilisation des mots réservés que les noms de propriété, il pourrait être encore mieux de mettre class entre guillemets.
InformationsquelleAutor Shyju

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

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

essayer ce que vous voulez.

InformationsquelleAutor Lol Super

2

Je ne suis pas sûr si vous essayez de définir un ID de sorte que vous pouvez le style dans le CSS mais si c'est le cas, vous pouvez également essayer:
```
var g = document.createElement('div');    

g.className= "g";
```
et qui portera le nom de votre div de sorte que vous pouvez cibler.

InformationsquelleAutor JLee365
-1

vous pouvez également ajouter plusieurs classes:
```
div.classList.add("class1", "class2", "class3");
```
ou:

div.className = "class1 class2";

InformationsquelleAutor Carlos Scarpantonio

Vous devez vous connecter pour publier un commentaire.