在javascript中在html表中动态显示图像

时间:2015-12-09 15:49:02

标签: javascript html css javascript-events

我正在尝试在表格中显示图像。这就是我的尝试:

imgv = "/img/koala.jpg";
dcontent = "<table style='background-color:purple;'><tr><td style='width: 100px; color: red;'> Date </td>";
                    dcontent += "<tr><td style='width: 100px;'><img src="' + imgv + '"/></td>";

我在第二行收到编译时错误&#34 ;;预期&#34;

我尝试了很多语法:

但没有任何东西被编译。

2 个答案:

答案 0 :(得分:3)

正确答案正在将"' + imgv + '"替换为'" + imgv + "'

imgv = "/img/koala.jpg";
dcontent = '<table style="background-color:purple;"><tr><td style="width:     100px; color: red;"> Date </td>';
dcontent += "<tr><td style='width: 100px;'><img src='" + imgv + "'/></td>";

答案 1 :(得分:2)

您需要替换 "' + imgv + '" '" + imgv + "', 因为&#39;比#34;更强。 例如,当您创建名为foo的变量时:

var foo = "write sentence 'like' that";

在html中 你会得到&#34;写句子&#34;。

解决方案是替换它们,然后

var foo = 'write sentence "like" that'

将完全输出 写句子&#34;喜欢&#34;那 - 没有错: - )