Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
从响应数组(Javascript)动态生成innerHTML元素_Javascript_Arrays_Loops_Dom - Fatal编程技术网

从响应数组(Javascript)动态生成innerHTML元素

从响应数组(Javascript)动态生成innerHTML元素,javascript,arrays,loops,dom,Javascript,Arrays,Loops,Dom,我是一个使用JavaScript语法的新手,我很难适应任何与之匹配的解决方案 这是我代码的一部分: var arr1=响应; 控制台日志(arr1) **这是响应/控制台记录的arr1: { “频道”:{ “1620184778889x527731420801269760”:[ { “通道”:“1620184778889x527731420801269760”, “timetoken”:“16204064644032062”, “信息”:{ “内容”:“444”, “发件人”:“杰里米” },

我是一个使用JavaScript语法的新手,我很难适应任何与之匹配的解决方案

这是我代码的一部分: var arr1=响应; 控制台日志(arr1)

**这是响应/控制台记录的arr1:


{
“频道”:{
“1620184778889x527731420801269760”:[
{
“通道”:“1620184778889x527731420801269760”,
“timetoken”:“16204064644032062”,
“信息”:{
“内容”:“444”,
“发件人”:“杰里米”
},
“messageType”:空,
“uuid”:“1617237881603X98621045135459598100”
}
],
“1618599897203x154294096401530880”:[
{
“频道”:“1618599897203x154294096401530880”,
“timetoken”:“16203351496721278”,
“信息”:{
“内容”:“FFFFFFF DD”,
“发件人”:“杰里米”
},
“messageType”:空,
“uuid”:“1617237881603X98621045135459598100”
}
],
“1618613571551x955443898854408200”:[
{
“频道”:“1618613571551x955443898854408200”,
“timetoken”:“16204261556065826”,
“信息”:{
“内容”:“78777”,
“发件人”:“杰里米”
},
“messageType”:空,
“uuid”:“1617237881603X98621045135459598100”
}
]
}
}
尝试:

我需要获得以下数据: 1.频道 2.timetoken 3.信息>内容 4.邮件>发件人

然后,我需要为数组中的每个通道动态生成innerHTML属性(通道的数量会经常变化)

对于返回的每个通道都是这样(语法不正确,仅举一个例子): document.getElementById(channel.innerHTML=sender+''+content+''+timetoken

我很难适应其他类似的解决方案来检索嵌套的数组项和使用循环。我想我需要一个循环来通过通道检索数据,还需要一个循环来生成innerHTML项,但我已经尝试了几天,但没有得到它,我希望精通的人能够提供帮助

谢谢。


页面标题
让dataObject={
“频道”:{
“1620184778889x527731420801269760”:[
{
“通道”:“1620184778889x527731420801269760”,
“timetoken”:“16204064644032062”,
“信息”:{
“内容”:“444”,
“发件人”:“杰里米”
},
“messageType”:空,
“uuid”:“1617237881603X98621045135459598100”
}
],
“1618599897203x154294096401530880”:[
{
“频道”:“1618599897203x154294096401530880”,
“timetoken”:“16203351496721278”,
“信息”:{
“内容”:“FFFFFFF DD”,
“发件人”:“杰里米”
},
“messageType”:空,
“uuid”:“1617237881603X98621045135459598100”
}
],
“1618613571551x955443898854408200”:[
{
“频道”:“1618613571551x955443898854408200”,
“timetoken”:“16204261556065826”,
“信息”:{
“内容”:“78777”,
“发件人”:“杰里米”
},
“messageType”:空,
“uuid”:“1617237881603X98621045135459598100”
}
]
}
}
for(在dataObject.channels中使用channelName){
for(让dataObject.channels的项[channelName]){
const channel=item.channel;
const timetoken=item.timetoken;
const content=item.message.content;
const sender=item.message.sender;
const messageType=item.messageType;
const uuid=item.uuid;
//用这些数据做任何你想做的事
日志(通道、时间令牌、内容、发送者、消息类型、uuid);
}
}

Hi,您可以分享您希望如何在html中显示它,或者可以分享
channel
it元素在html中的外观吗?对于每个频道(在数组“Channels”中),html中将有一个

。(id=“channel”是每个通道的数字字符串,而不是单词“channel”)。这已经动态地完成了。我试图将每个通道的数组数据写入p元素。html中的最终结果(对于每个频道)看起来像是发送者内容时间令牌

,因此我尝试将每个频道的“发送者内容时间令牌”数据写入其相应的id(即数字的频道字符串)。非常感谢。你帮了我这么多!!这太完美了。