Discussion :

[Mr N.]

Bonjour à tous !

J'ai créé un element :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
elem = document.createElement('select');
elem.id = ....
elem.appendChild(option);
...

Je peux l'ajouter sans problème à un element existant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

parent.appendChild(elem);

Mais j'aimerais en fait récupérer la représentation textuelle html de cet élément du genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

elem.toHTML();

Ce qui me donnerai :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<select id='...'><option.....</select>

Il y a-t-il une méthode built-in qui fait ça, et ceci, bien entendu, cross-browser, cross-plateform, cross-univers ?

[siddh]

salut,
tu as le outerHTML mais il me semble que c est specifique ie

[siddh]

tiens j'ai trouvé ça,
ça me semble correct

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
function getOuterHTML (node) {
  var html = '';
  switch (node.nodeType) {
    case Node.ELEMENT_NODE:
      html += '<';
      html += node.nodeName;
      if (!specialElements[node.nodeName]) {
        for (var a = 0; a < node.attributes.length; a++)
          html += ' ' + node.attributes[a].nodeName.toUpperCase() +
                  '="' + node.attributes[a].nodeValue + '"';
        html += '>';
        if (!emptyElements[node.nodeName]) {
          html += node.innerHTML;
          html += '<\/' + node.nodeName + '>';
        }
      }
      else switch (node.nodeName) {
        case 'TEXTAREA':
          for (var a = 0; a < node.attributes.length; a++)
            if (node.attributes[a].nodeName.toLowerCase() != 'value')
              html += ' ' + node.attributes[a].nodeName.toUpperCase() +
                      '="' + node.attributes[a].nodeValue + '"';
            else
              var content = node.attributes[a].nodeValue;
          html += '>';
          html += content;
          html += '<\/' + node.nodeName + '>';
          break;
      }
      break;
    case Node.TEXT_NODE:
      html += node.nodeValue;
      break;
    case Node.COMMENT_NODE:
      html += '<!' + '--' + node.nodeValue + '--' + '>';
      break;
  }
  return html;
}

[Mr N.]

Ouah ! les réponses sont rapides sur ce forum, je reviendrais

Euh, il me manque des bouts (specialElements par exemple) tu as un contexte pour ce bout de code ?

[Mr N.]

Voici le contexte recherché :
http://www.faqts.com/knowledge_base/view.phtml/aid/970

Après correction et amélioration de la lisibilité ça marche.

Merci.