[svg+xhtml+javascript+dom+php] L'élément dom créé n'existe pas
Bonjour,
J'ai un petit soucis, lorsque j'essaie de créer un élément dom, la barre d'outils Web Developper me trouve une erreur, l'élément que je viens de créer n'existe pas.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<?php
header("Content-type: image/svg+xml");
echo '<?xml version="1.0" encoding="iso-8859-1"?>';
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
<head>
<script type='text/javascript'>
//<![CDATA[
function mon_hello(){
var node=document.createElement('div');
node.id='test';
document.getElementsByTagName('body')[0].appendChild(node);
document.getElementById('test').innerHTML='<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="400" height="300"><rect x="50" y="50" rx="5" ry="5" width="300" height="100" style="fill:#CCCCFF;stroke:#000099"/><text x="55" y="90" style="stroke:#000099;fill:#000099;font-size:24px;">HELLO cher visiteur </text></svg>';
}
//]]>
</script>
</head>
<body onload="mon_hello();">
</body>
</html> |
Pourtant, si vous mettez la ligne 2 en commentaire, l'objet s'affiche bien mais sans le style svg puisque cette ligne lui est nécessaire.
Comment puis-je résoudre cela, svp?
PS: Je ne puis, dans le cas de ma div, y accéder par le tagname comme pour body parce que toute ma vraie page est créée en dom et qu'au fil des actions de l'utilisateur, l'ordre et le nombre de mes éléments dom sera à chaque fois différent.
