Javascript 向语音气泡中实时添加文本

我有一个图像，将形成一个html页面的背景，我想在它上面叠加语音气泡。我已经知道如何用css制作气泡，并设置它们的位置。但是我不知道如何填充气泡（div元素）。文本消息将填充文件，我需要抓取字符串并在气泡中显示它们，当消息传入时刷新气泡内容。有什么想法吗？

假设其中一个气泡包含一个DIV，如下所示：

<div id="bubble1">This is the text</div>

这是文本

您可以使用Javascript轻松更改文本内容。建议使用jQuery之类的JS库。以下是更改文本的代码示例：

<script>

$(document).ready(function()
{
  $('#bubble1').text('This is the changed text'); // to change the text
  $('#bubble1').html('This has <b>some</b> formatting'); // to change the html
});

</script>

$（文档）.ready（函数（）
{
$（'#bubble1'）.text（'这是已更改的文本'）；//更改文本
$（'#bubble1'）.html（'这有一些格式'）；//更改html
});

不要忘记在jQuery本身中包含一行，如：

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>

我不明白你从哪里得到你的字符串，如果你让我知道，我可以更新答案

---

如果您不熟悉jQuery，请看一看。

我认为这将回答您的问题：

---

请记住，这是css3，因此较旧的浏览器可能会有问题。

您有任何代码可以显示吗？我认为只有css和html还不够。Javascript可以帮助您。如果您发送项目的某些代码部分，有人可以对其进行改进。谢谢回复。我可以将我的Android手机插入我的笔记本电脑，截取短信，将它们写入SD卡，然后（ftp）将文件移动到我的笔记本电脑。每个文件有一条消息。最终目标是允许与会者在现场演示期间准实时反馈。我甚至不需要互联网。我只具备基本的编程技能，对静态页面的html和css也很在行。但就是这样。我将包含文本的代码直接来自（）的步骤4是的，我的挠头不是关于气泡的创建。这是如何在文本可用时动态添加文本。我使用的CSS（）在Firefox和IE上不起作用，但Safari可以。