Représentation html d'un element

Version imprimable

30/01/2006, 15h06
Mr N.

Représentation html d'un element
Bonjour à tous !

J'ai créé un element :
Code:

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:

parent.appendChild(elem);

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

Code:

elem.toHTML();

Ce qui me donnerai :

Code:

<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 ?
30/01/2006, 15h10
siddh

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

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

Code:

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

30/01/2006, 15h17
Mr N.

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

Euh, il me manque des bouts (specialElements par exemple) tu as un contexte pour ce bout de code ?
30/01/2006, 15h42
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.