|
<?xml
version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="200" height="100" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<defs>
<script type="text/ecmascript"><![CDATA[
function knotendemo(evt) {
var svgdoc = evt.getTarget().getOwnerDocument();
var gnode = svgdoc.getElementById('gruppe');
alert('Typ des Elements <g>:
'+gnode.getNodeType() +
'\nName
des Elements <g>: '+gnode.getNodeName()
+
'\nPruefung,
ob <g> Kind-Knoten hat: '+gnode.hasChildNodes()+
'\nListe
mit Kind-Knoten von <g> :'+gnode.getChildNodes()+
'\nErster
Kind-Knoten von <g> (=<text>): ' +gnode.getFirstChild()+
'\nWert
des ersten Kind-Knoten von <text>: '+svgdoc.getElementById('text1').getFirstChild().getNodeValue());
}
]]>
</script>
</defs>
<g id="gruppe" font-size="20" onclick="knotendemo(evt)">
<rect x="0" y="0" width="100%"
height="100%" fill="#AAAAFF"/>
<text id="text1" x="50%"
y="50%" text-anchor="middle">Hier klicken!</text>
</g>
</svg> |
|
