使用javascript将内容插入div

dI使用javascript成功地将文本放入div中。然而，我也希望向文本中添加图像，但我的javascript方法似乎不接受这一点。我在文本中使用以下代码：

document.getElementById("myDiv").innerHTML = "This a bit of text";

见

---

仅仅在文本中添加一个img标签是不起作用的。有人吗

艾迪

如果我想添加使用以下脚本放大照片的可能性，该怎么办

<div class="slider jcarousel fancybox" data-jcarousel="true" style="position: relative; width: auto; margin-top: -1px; z-index: 99;">
<ul style="left: 0px; top: 0px; width: 100%;">
<li class="product slide" style="width: auto; border: none;"><a class="zoom first" rel="" href="https://lh4.ggpht.com/wKrDLLmmxjfRG2-E-k5L5BUuHWpCOe4lWRF7oVs1Gzdn5e5yvr8fj-ORTlBF43U47yI=w300" title=“Test image”><img src="https://lh4.ggpht.com/wKrDLLmmxjfRG2-E-k5L5BUuHWpCOe4lWRF7oVs1Gzdn5e5yvr8fj-ORTlBF43U47yI=w300" alt=“Test image“ /></a>
</li>
</ul>
</div>

---

我将如何将其放在文本中

若要在HTML文本中添加图像，必须在属性或字符串中使用

\

之前使用

'

而不是

“

来转义引号

如果您不这样做，那么您将在浏览器控制台中看到一个错误。 这是错误的：

document.getElementById（“myDiv”）.innerHTML=”“//img.png在字符串之外

示例：

document.getElementById（“myDiv”）.innerHTML=“”

document.getElementById（“myDiv”）.innerHTML=''

document.getElementById（“myDiv”）.innerHTML=“”

---

您是如何尝试添加图像的？

要在HTML文本中添加图像，您必须在属性或字符串中使用

\

之前使用

'

转义引号，或者使用

'

而不是

“

如果您不这样做，那么您将在浏览器控制台中看到一个错误。 这是错误的：

document.getElementById（“myDiv”）.innerHTML=”“//img.png在字符串之外

示例：

document.getElementById（“myDiv”）.innerHTML=“”

document.getElementById（“myDiv”）.innerHTML=''

document.getElementById（“myDiv”）.innerHTML=“”

---

您是如何尝试添加图像的？

您应该能够使用innerHtml插入图像。只需使用

'

标记，而不是

'

像这样：

document.getElementById("myDiv").innerHTML = 'This a bit of text <img src="https://lh4.ggpht.com/wKrDLLmmxjfRG2-E-k5L5BUuHWpCOe4lWRF7oVs1Gzdn5e5yvr8fj-ORTlBF43U47yI=w300" />';

document.getElementById（“myDiv”）.innerHTML='这是一段文字'；

---

您应该能够使用innerHtml插入图像。只需使用

'

标记，而不是

'

像这样：

document.getElementById("myDiv").innerHTML = 'This a bit of text <img src="https://lh4.ggpht.com/wKrDLLmmxjfRG2-E-k5L5BUuHWpCOe4lWRF7oVs1Gzdn5e5yvr8fj-ORTlBF43U47yI=w300" />';

document.getElementById（“myDiv”）.innerHTML='这是一段文字'；

document.getElementById（“myDiv”）.innerHTML=“这是一段文字”；

这样您可以轻松添加图像。但请确保您使用正确的路径添加图像 或者如果它不起作用， 添加

document.getElementById（“myDiv”）.innerHTML=“这是一段文字”；

这样您可以轻松添加图像。但请确保您使用正确的路径添加图像 或者如果它不起作用， 添加

---

您不应该使用

innerHTML

。这是一种更好的方法：

var myDiv=document.getElementById（“myDiv”）；
myDiv.textContent=“这是一段文字”；
var myImg=新图像（）；
myImg.src=”http://placehold.it/100x50";
myDiv.appendChild（myImg）
您不应该使用
innerHTML
。这是一种更好的方法：


var myDiv=document.getElementById（“myDiv”）；
myDiv.textContent=“这是一段文字”；
var myImg=新图像（）；
myImg.src=”http://placehold.it/100x50";
myDiv.appendChild（myImg）

您尝试过但不起作用的代码在哪里？“仅在文本中添加一个img标记无效”-我看不到您的尝试。添加一个img标签会起作用。你试过但没用的代码在哪里？“只是在文本中添加一个img标签没有用”-我看不到你的尝试。添加img标记也可以。with document.getElementById（“myDiv”）.innerHTML=“”@Eddy是否确实存在图像（您以前尝试添加的）？这应该真的管用。它在这里工作
document.getElementById（“myDiv”）.innerHTML=“这是一段文字”@Eddy我想没有错误。。。因为您说过您可以在中更改div文本，但您没有让它添加图像，因为URL可能不正确。对于document.getElementById（“myDiv”）.innerHTML=“”@Eddy，您确定图像存在（您以前尝试添加的图像）吗？这应该真的管用。它在这里工作
document.getElementById（“myDiv”）.innerHTML=“这是一段文字”@Eddy我想没有错误。。。因为你说你可以在中更改div文本，但是你没有让它添加图像，因为URL可能不正确。谢谢！！现在，如果我想添加一个放大的照片，使用下面的脚本添加到我的问题。谢谢！！现在，如果我想在我的问题中使用以下脚本为照片添加放大图片，该怎么办？谢谢，乔纳森。我该如何将我的“slider jcarousel fancy box”放在那里。请看我上面第一个问题中的代码。你可以雇佣一个开发人员。如果你想自己做的话，也可以阅读文档。谢谢你，乔纳森。我怎么才能把我的“滑盖”放在里面呢。请看我上面第一个问题中的代码。你可以雇佣一个开发人员。如果你想自己做的话，也可以阅读文档。