Nome id dinamicamente con javascript?

Come posso dinamicamente nome id utilizzando javascript?

Qualcosa di simile a questo:

js:

var idName = "fruit";

html:

<img id="javascript:idName" src="banana.jpg">

OriginaleL’autore jesse | 2010-03-17

5 Replies
  1. 4
    var bananaImage = new Image();
    bananaImage.id = "fruit";
    bananaImage.src = "banana.jpg";

    OriginaleL’autore Kevin Crowell

  2. 3

    Utilizzando il framework jQuery si potrebbe fare qualcosa di simile:

    <img class="idName" src="banana.jpg"/>
    <img class="idName" src="cherry.jpg"/>

    Lo script …

    var idName = 'fruit';
    
    $(function() {
        $('img.idName').each(function(i) {
            $(this).attr({id: idName+i});
        });
    });

    … che si traduce in:

    <img id="fruit0" class="idName" src="banana.jpg"/>
    <img id="fruit1" class="idName" src="cherry.jpg"/>
    Davvero un grande sforzo. si tratta di un uomo 🙂 Grazie funziona alla grande

    OriginaleL’autore aefxx

  3. 0

    È possibile creare dinamicamente elementi, come <img>, e impostare i loro attributi utilizzando JavaScript DOM API.

    OriginaleL’autore middus

  4. 0

    o si può ottenere l’elemento qualsiasi altro modo, CIOÈ

    imgs = container.getElementsByTagName("img");
    foreach(imgs as img){
        if(imgs.src == "banana.jpg") img.id = "fruit";
    }

    Nota: foreach non funziona in JS avrete bisogno di un ciclo for, ma sono troppo pigro 😛

    OriginaleL’autore Javier Parra

  5. 0

    Credo che questo è quello che stai cercando. Avete bisogno di un qualche tipo di evento per attivare JavaScript. Dal IMG doesnt hanno, tranne che per gli eventi dell’utente, avete bisogno di qualcosa come:

    <head>
    <script language="JavaScript" type="text/javascript">
    function nameMyIds() {
       var idToName = "firstImageId";
       var theImage = getImageBySrc("banana.jpg");
       if (theImage!=null)
           theImage.id = idToName;
    }
    function getImageBySrc(src) {
        //using DOM, using jQuery would make this easier
        var allImages = document.body.getElementsByTagName("IMG");
        for (var i=0; i<allImages.length; i++ ) {
            var img = allImages[i];
            var i = img.src.indexOf(src);
            if (img.src == src || img.src.indexOf(src) > 0) { return img };
        }
    }
    </script>
    </head>
    <body onload="nameMyIds()">
        <img src="banana.jpg">
    </body>

    OriginaleL’autore Jason Jong

Lascia un commento