如果你希望在 JavaScript 中直接生成 HTML，而不使用 <script> 部分外部的 HTML 结构，可以通过 JavaScript 创建和插入元素。以下是一个示例，展示如何在 JS 中创建一个盒子并将其添加到页面中：
// 假设你的 dialogData 数据如下：
const dialogData = {
data: [
"第一条对话",
"第二条对话",
"第三条对话"
]
};
// 创建一个盒子（div）
const box = document.createElement('div');
box.style.border = '1px solid #ccc';
box.style.padding = '10px';
box.style.margin = '10px';
box.style.width = '300px';
box.style.height = 'auto'; // 根据内容高度自适应
// 遍历 dialogData.data 并生成 HTML
for (let i = 0; i < dialogData.data.length; i++) {
// 创建一个新的段落元素
const p = document.createElement('p');
// 设置段落文本为当前对话内容
p.textContent = dialogData.data[i];
// 将段落添加到盒子中
box.appendChild(p);
}
// 将盒子添加到 body 或者其他特定的父容器中
document.body.appendChild(box);
说明：
- 在这个代码片段中，我们首先定义了
dialogData对象。 - 然后，我们创建了一个
<div>元素作为盒子，并设置了一些样式。 - 接着，遍历
dialogData.data数组，为每一项创建一个<p>元素，将文本内容赋值给它，并将其添加到盒子中。 - 最后，我们将这个盒子添加到文档的主体（
document.body）中。
你可以直接在你的 JavaScript 环境中执行这段代码，它会在网页上动态生成包含数据的盒子。
内容由零声教学AI助手提供，问题来源于学员提问
{
debugger
const sourceNode = this.dataInfo.find(
(item) => item.id === info.sourceId
);
if (sourceNode.to.includes(info.targetId)) {
..." />
