wie man svg-element Typ

ich habe eine Frage, wie bekomme ich den Typ der svg-element, btw ich nutze d3.js

ich habe sth wie diese 

var selectedElement = svg.select("." + STYLE.selected);

         if (selectedElement instanceof SVGCircleElement){
            alert("here circle");
            selectedElement.style("fill", function(){return d3.rgb(d3.select(this).attr("fill"));});
         }
           if (selectedElement instanceof SVGPathElement){
             alert("here path");
                appendMarkerm(selectedElement,false);

         }

aber es scheint nicht funktioniert , kann jemand hier helfen ,danke !!

***finally, i made it work like this*** 

var selectedElement = svg.select("." + STYLE.selected);
           if (selectedElement.node() instanceof SVGCircleElement){
            selectedElement.style("fill", function(){return d3.rgb(d3.select(this).attr("fill"));});
         }
           if (selectedElement.node() instanceof SVGPathElement){
            changeMarkerStyle(selectedElement,false); 
         }

cauz Auswahl.node() wird wieder das erste element der Auswahl

InformationsquelleAutor user2717621 | 2013-08-30
  1. 5

    Verwenden Sie einfach die tagName Eigenschaft:

    svg.select("." + STYLE.selected)
   .call( function(){

      switch( selectedElement.tagName.toLowerCase() ) {
        case 'circle': 
          alert("here circle");
          this.style("fill", function(){return d3.rgb(d3.select(this).attr("fill"));});
          break;

        case 'path':
          alert("here path");
          appendMarkerm( this, false );
          break;
      }

    });

    BEARBEITEN

    d3js' select() nicht das element selbst, sondern ein d3js wrapper für die es (sehr ähnlich wie in jQuery, z.B.). Also der einfachste Weg, wäre, die Nutzung call() Methode anwenden einer Funktion auf alle Spiele (in dem Fall nur select() dies ist nur einer).

    • Hallo sirko, ich habe versucht, ur Weg, aber es hat nicht funktioniert, selectedElement.tagName ist nicht definiert , das ist seltsam
    • Welche Bibliothek verwendest du und was nicht svg.select eigentlich zurück?
    • svg.select gibt ein Objekt SVGCircleElement oder SVGPathElement,ich benutze D3.js
    • Dank ur Beratung, arbeitete ich schließlich
    InformationsquelleAutor Sirko
Schreibe einen Kommentar