使用JavaScript如何在页面中插入html代码？

好的，我使用的是xhtml而不是html。我使用一个隐藏的xhtml组件获取数据，并将其发送到JavaScript。数据是一个JSON数组。我想通过添加xhtml标记来操作数据并格式化它，然后发送回xhtml页面并显示它。如何将代码添加到元素中

我是否会做类似于：

var ticker01 = document.getElementById("ticker01");
ticker01.innerhtml = "<li><span>[15:38:00]</span><a href="#">Red fish</a></li><li><span>[15:39:00]</span><a href="#">Blue fish</a></li>"

var ticker01=document.getElementById（“ticker01”）；
ticker01.innerhtml=“
[15:38:00]
[15:39:00]
”

或者类似于jQuery：

$( "<li><span>[15:38:00]</span><a href="#">Red fish</a></li><li><span>[15:39:00]</span><a href="#">Blue fish</a></li>" ).appendTo( "ticker01" );

$（“
[15:38:00]
[15:39:00]
”）附录（“ticker01”）；

xhtml页面：

<h:body>
<h:inputText id="chatMessagesHidden" value="#{chatRoom.msgsAsJson}" style="display: none" />
        <ul id="ticker01">
                <li><span>[15:38:00]</span><a href="#">Red fish</a></li>
                <li><span>[15:39:00]</span><a href="#">Blue fish</a></li>
                <li><span>[15:39:30]</span><a href="#">Old fish</a></li>
                <li><span>[15:39:30]</span><a href="#">New fish</a></li>                    
        </ul>
</h:body>

[15:38:00]
[15:39:00]
[15:39:30]
[15:39:30]

JavaScript:

var chatMessages;
var chatMsg;

$(document).ready(function() {
    chatMessages = $('chatMessagesHidden');

    for (var i=0; i < chatMessages.length; i++) {
        chatMsg = chatMessages[i];
    // Manipulate the data to send back to xhtml page
    }                
});

var消息；
var-chatMsg；
$（文档）.ready（函数（）{
chatMessages=$（'chatMessagesHidden'）；
对于（var i=0；i

---

这两种方法中的任何一种都有效，还是我必须提升一个标签级别并将整个ul标签插入主体中？？？

您的代码应该有效，但您需要通过

id将
#
添加到目标元素中：

chatMessages = $('.chatMessagesHidden');

此外，您可以使用
$.each（）


我忘了提到
id
是唯一的，您需要改用class：

<h:inputText class="chatMessagesHidden" value="#{chatRoom.msgsAsJson}" style="display: none" />



<h:inputText class="chatMessagesHidden" value="#{chatRoom.msgsAsJson}" style="display: none" />