如何在javascript中显示带有数组项的div

Question

I have a param called "exraData" which can be a string or array (depends on some conditions).

I have to display some content using java script.

in case "exraData" is a String the content is displayed well by the following code:

this.resulto = '<div class="avatarHeight">' +
            '<div class="avatar">' + spanPic + '</div>' +
            '<div class="info ' + company + '">' + item.show +
            '<div class="tt-hint">' + exraData + '</div>' +
            '</div>' +
            '</div>';

In case it is array I use the following code but nothing is displayed:

 this.resulto = '<div class="avatarHeight">' +
                    '<div class="avatar">' + spanPic + '</div>' +
                    '<div class="info ' + company + '">' + item.show
                    for(var i=0;i<exraData.length;i++){
                        +'<div class="tt-hint">' + exraData[i] + '</div>'
                    }
                    +'</div>' +
                    '</div>';

Answer 1

You can't have a for loop inline. Here is the for loop outside with the desired result.

 var spanPic='tempPic'; var company='xyz'; var item={}; item.show='temp'; var exraData=['one','two','three']; this.resulto = '<div class="avatarHeight">' + '<div class="avatar">' + spanPic + '</div>' + '<div class="info ' + company + '">' + item.show; for(i=0;i<exraData.length;i++){ this.resulto +='<div class="tt-hint">' + exraData[i] + '</div>'; } this.resulto+='</div>' + '</div>'; document.write(this.resulto);