contentDocument en jQuery

J'ai le texte suivant js script d'accéder à des éléments à l'intérieur d'un objet (SVG - <object data="bbbbbb.svg" type="image/svg+xml" id="alphasvg" width="100%" height="100%"></object>
)

jQuery(document).ready(function($) {

    $(window).load(function () {


        var a = document.getElementById("alphasvg");
        var svgDoc = a.contentDocument; 
        var delta = svgDoc.getElementsByTagName("path");    
        $(delta).click(function() {

            //do stuff

        })

    });
});

Je veux utiliser jQuery pour accéder aux éléments et les balises. Je suis complètement bloqué sur la contentDocument partie. Comment puis-je convertir ce pour jQuery donc je peux l'utiliser attr etc?

Je veux être en mesure d'accéder et de modifier les attributs de jQuery au lieu d'avoir à utiliser le traditionnel js méthodes que j'suis pas familier avec.

Comment quelqu'un peut-il m'aider?

Un million de mercis.

essayez-vous d'accéder en ligne cadre de valeurs?

OriginalL'auteur user752135 | 2011-05-13

  1. 5

    Vous devriez être en mesure d'accéder directement le chemin d'accès comme les éléments, pas besoin de contentDocument ou getElementsByTagName, etc:

    jQuery(document).ready(function($) {

    $(window).load(function () {

        $("#alphasvg path").click(function() {

            //do stuff
            //$(this).attr('d') = the path

        })

    });
});
    c'est correct, la bonne chose à propos de svg est que les éléments sont tous accessibles via le DOM

    OriginalL'auteur Gary Green

  2. 5

    Comme ceci:

    $(svgDoc).find("whatever").doWhatever();

    Démo ici et code ici. Notez que j'ai utilisé un <iframe> pour la démonstration par conséquent la première URL de travail, le second vous donnera erreur "autorisation refusée" si vous essayez de exécuter le violon.

    J'étais toujours se même les problèmes d'origine (stackoverflow.com/questions/2753732/...) quand j'ai couru sans serveur, donc à utiliser un serveur que côté client js et html comme dans ces exemples.

    OriginalL'auteur Salman A

  3. 2

    Si vous êtes l'incorporation SVG en HTML à l'aide de la balise object (par opposition aux commandes de SVG), alors c'est un double d'une précédente question, et la réponse peut être trouvée ici: Comment accéder aux éléments SVG avec Javascript

    OriginalL'auteur jbeard4