如何设置动态数据的css属性(How to set the css property of dynamic data)

 我正在使用javascript在div标签中写一些内容。 数据通过ajax接收。 这是脚本 
 
 $.ajax({
            url :' the url',
            data : {
                productValue: selectedText,
                giveMyId : saveMyName
            },
            type: 'POST',
            dataType: 'json',
            success: function(data)
            {
                var imageHTML='';
                var dataLength=data.length;
                photosHasPath=data[0];
                if(dataLength > 1)
                {
                for(var i=1;i<dataLength;i++)
                {
                    allProductNames.push(data[i]);
                   imageHTML += '<img src="' + photosHasPath + data[i] + '" height="100" width="100" style="padding: 0.5em;">' + 
                          ' <input type=\"button\" class=\"deletePhoto\" value=\"Delete\" name=\"'+data[i]+'\">';
                }
                $('#pastePhotos').html(imageHTML);
            }
            else
            {
              $('#pastePhotos').html('<i>No photos left.</i>');  
            }

            }
        });
 
 现在我正在尝试设置此div的css属性（具有id“pastePhotos”），其显示为：inline-table 。 但它不起作用。 它显示图像和删除按钮，就像一行中的文本。 

 题：- 
 那怎么能为它设置css属性呢？ 

 注意：- 
 我已经尝试了以下的事情 
 1。 
 
 imageHTML += '<img src="' + photosHasPath + data[i] + '" height="100" width="100" style="padding: 0.5em; display: inline-table;">' + 

' <input type=\"button\" class=\"deletePhoto\" value=\"Delete\" name=\"'+data[i]+'\">';
 
 2。 '<div style="display: inline-table;">' + imageHtml + '</div>' 
 
 3。 <div id="pastePhotos" style="display: inline-table;"> 

I am using javascript to write some content in a div tag. The data is received through ajax. Here is the script
 
 $.ajax({
            url :' the url',
            data : {
                productValue: selectedText,
                giveMyId : saveMyName
            },
            type: 'POST',
            dataType: 'json',
            success: function(data)
            {
                var imageHTML='';
                var dataLength=data.length;
                photosHasPath=data[0];
                if(dataLength > 1)
                {
                for(var i=1;i<dataLength;i++)
                {
                    allProductNames.push(data[i]);
                   imageHTML += '<img src="' + photosHasPath + data[i] + '" height="100" width="100" style="padding: 0.5em;">' + 
                          ' <input type=\"button\" class=\"deletePhoto\" value=\"Delete\" name=\"'+data[i]+'\">';
                }
                $('#pastePhotos').html(imageHTML);
            }
            else
            {
              $('#pastePhotos').html('<i>No photos left.</i>');  
            }

            }
        });
 
Now I am trying to set the css property of this div (having id 'pastePhotos') which is display:inline-table. But its not working. Its showing the images and the delete button like a text in a single line.

 Question:-
 SO how can i set the css property for it?

 Note:-
 I have already tried the following things
 1 . 
 
 imageHTML += '<img src="' + photosHasPath + data[i] + '" height="100" width="100" style="padding: 0.5em; display: inline-table;">' + 

' <input type=\"button\" class=\"deletePhoto\" value=\"Delete\" name=\"'+data[i]+'\">';
 
2 . '<div style="display: inline-table;">' + imageHtml + '</div>'
 
3 . <div id="pastePhotos" style="display: inline-table;">

原文：https://stackoverflow.com/questions/21251627