Fatal编程技术网
  • html/
  • Html 如何在聊天泡泡中获取文本？

Html 如何在聊天泡泡中获取文本？

html text

Html 如何在聊天泡泡中获取文本？,html,text,chat,Html,Text,Chat,我希望输入的文本显示在气泡中。我必须如何更改代码才能使其正常工作 我的HTML代码如下： 您不需要同时设置myForm.innerHTML和Chat\u Bubble.innerHTML您可以使用： document.getElementById（'myForm'）。子项[0]。innerHTML=（…），或 document.getElementsByClassName（'Chat_Bubble'）。innerHTML=（…）。您需要使用类名获取元素，因为div具有类，而不是id 此外

我希望输入的文本显示在气泡中。我必须如何更改代码才能使其正常工作

我的HTML代码如下：






您不需要同时设置
myForm.innerHTML
和
Chat\u Bubble.innerHTML
您可以使用：


  • document.getElementById（'myForm'）。子项[0]。innerHTML=（…）
    ，或
    • 

  • document.getElementsByClassName（'Chat_Bubble'）。innerHTML=（…）
    。您需要使用类名获取元素，因为
    div
    具有
    类，而不是
    id
    • 
此外，最好使用
    textContent
    而不是
    innerHTML
    。通过这种方式，您可以确保浏览器将提交的元素视为文本。无论如何使用
    innerHTML
    都会破坏页面。我在下面的代码中更改了这个
    
例如，您应该尝试提交
    （屏幕上没有绘制任何内容）
    
以下代码有效：