html - 如何将内容插入另一个内容到div中

Question

我正在尝试在一个 div 中插入一个聊天脚本，它已经是一个 img src，我希望该聊天能够适应它。

 <div id="g_image6" style="position:absolute; overflow:hidden; left:0px; top: 80%; width:                  
   22%; height: 60%; z-index:3">
  <div>
 <img src="images/content1.png" alt="" title="" border=0 width=100% height=100%>
  <script>here's the script</script>
  </div>
  </div> 

Answer 1

给 div 一个 id...

<div id="chatscript">
<img src="images/content1.png" alt="" title="" border=0 width=100% height=100%>
</div>

然后使用 Jquery，将 div 的内容替换为您的脚本内容...

var yourscript = "<p>This is your chat data</p>";
$('#chatscript').html(yourscript);

但这当然取决于您如何获取数据..

Answer 2

您是否尝试过将图像作为背景添加到 div 而不是作为 src 标签？这样，它将作为脚本的背景。

<div id="g_image6" style="position:absolute; overflow:hidden; left:0px; top: 80%; width: 22%; height: 60%; z-index:3">
<div style="background: url('images/content1.png'); background-repeat: no-repeat;">
<script>script goes here</script>
</div>
</div>

我不知道这是否是您要查找的内容，但它会将图像设置为您聊天的背景。