首页 > 技术文章 > 随笔 JS 字符串 分割成字符串数组 并动态添加到指定ID的DOM 里

xxx91hx 2014-12-19 16:43 原文

JS

 /*
        * 字符串 分割成字符串数组 并动态添加到指定ID的DOM 里
        * @id 要插入到DOM元素的ID
        *
        * 输入值为图片URL 字符串
        * */
        function addImages(id){
            /*字符串 变量*/
            var images='{$content.pictureurl} ' ;
           /* console.log( images ) ;*/
            /*字符串分割成字符串数组 split*/
            var StringArray = images.split(',');
          /*  console.log( StringArray ) ;*/
            /*遍历 字符串数组 并动态插入到DOM里*/
            for(i=0,ii=StringArray.length;i<ii;i++){
              /*  console.log(StringArray.length);*/
                var  imageURL =StringArray[i];
               /* console.log( imageURL);*/

               var ele= document.getElementById(id);
                /*叠加内容*/

                ele .innerHTML+="<img class='lazy' data-original=''  src="+'/'+imageURL+''+">";
             }

        }
        addImages("con");

 

推荐阅读