如何在javascript

时间:2017-07-27 10:08:16

标签: javascript jquery html css

我在JavaScript中有一个代码,它创建一个HTML页面,只是一个div和一个图像标记。对我而言,棘手的部分是我尝试使用if语句生成/填充此img.src值的图像标记。

代码就是这样的。



var propertyname;
var content = document.createElement('div');
var img = document.createElement('img');
if (propertyname == 'house') {
  img.src = 'house.jpg';
}
content.appendChild(img);




如何让这段代码变得更好。现在,当我检查Chrome的开发人员工具img.srcundefined时,图片未插入。

提前致谢。

7 个答案:

答案 0 :(得分:5)

var propertyname;
var url= 'url';
var content = document.createElement('div');
var $img = $('<img id='img12'>');
if (propertyname == 'house') {
  $img.attr('src', url).css({ 'height': height, 'width': width });
           
}
content.appendChild($img);

答案 1 :(得分:4)

试试这个。这是有效的: -

y = train[:, 1]
var propertyname='house';
var content = document.createElement('div');
var img = document.createElement('img');
img.src="http://i1.wp.com/sourabhsomani.com/wp-content/uploads/2016/07/cropped-10407476_754773647911718_359758615924605603_n-1.jpg?fit=240%2C240"
if (propertyname == 'house') {
  img.src = 'https://pbs.twimg.com/profile_images/718784555281309696/KRYC9gLU_400x400.jpg';
}
content.appendChild(img);
document.getElementById("myDiv").appendChild(content);

答案 2 :(得分:4)

var propertyname = "house";
var content = document.createElement('div');
var img = document.createElement('img');
if (propertyname == 'house') {
   img.src = 'house.jpg';
}
content.appendChild(img);

document.getElementById("demo").appendChild(content);
<div id="demo"></div>

答案 3 :(得分:3)

试试这个

 var x = document.createElement("IMG");
 x.setAttribute("src",'house.jpg');

答案 4 :(得分:3)

如果propertyname == "house"

,我的代码工作正常

检查以下示例: -

var propertyname = "house";
var content = document.createElement('div');
var img = document.createElement('img');
if (propertyname == 'house') {
  img.src = 'https://s-media-cache-ak0.pinimg.com/236x/bb/ce/4f/bbce4fcc3d8560b612e766704aba4dd2--tudor-cottage-tudor-house.jpg';
}
content.appendChild(img);

document.getElementsByTagName('body')[0].appendChild(content);

答案 5 :(得分:3)

List<Collect> findAllByPayeeUserIdAndDateBetweenOrderByDateDesc(String payeeUserId, Date start, Date end); 变量有值时,它正常工作。

propertyname

答案 6 :(得分:2)

请参阅:Documentation

尝试

&#13;
&#13;
var propertyname;
var content = document.createElement('div');
var img = document.createElement('img');
if (propertyname == 'house') {
  img.setAttribute('src', 'house.jpg');
}
content.appendChild(img);
&#13;
&#13;
&#13;