将图像添加到span时未终止的字符串文字

时间:2011-12-19 12:26:11

标签: javascript html jsf

我想在一个范围内添加图像 这是我尝试过的(在表单中我添加了这个脚本):

<script language="JavaScript">
       function addSelected(){
             var content=" <img src='/resources/images/image.bmp'/> ";
             var span = document.getElementById("members"); 
             span.innerHTML=content;
              }
          </script>

但它总是给我错误:

未终止的字符串文字

在这一行:

var content=" <img src='/resources/images/image.bmp'/> ";

因为它被浏览器翻译成类似的东西(由firebug发现):

var content=" <img src="/resources/images/CONTACTS.bmp" /> &#34;;

这是在firefox 8上测试的。

2 个答案:

答案 0 :(得分:2)

只需在\字符串中的"之前添加content即可。

var content=" <img src=\"/resources/images/image.bmp\"/> ";

答案 1 :(得分:1)

那是怎么回事:

var content = document.createElement("img");
content.src = "/resources/images/image.bmp";
span.appendChild(content);

这是使用DOM本身向DOM添加元素的标准方法。而且你避免了这些问题。