添加<；span>；使用Javascript将标记添加到div

有很多类似的问题，但没有一个是我所需要的，也没有一个是我可以随意处理的，以适应我正在尝试做的事情

我有以下资料：

document.querySelector('#output').innerHTML = 'Hi ' + name; 

---

并且希望以某种方式，使用上述方法在

名称

周围添加

标记。我正试图创建一个简单的聊天AI来娱乐，并希望能够高亮显示AI所说的某些单词。

只需在字符串中添加跨距：

document.querySelector('#output').innerHTML = 'Hi <span>' + name + '</span>'; 

document.querySelector（'#output'）.innerHTML='Hi'+name+''；

只需在字符串中添加跨距：

document.querySelector('#output').innerHTML = 'Hi <span>' + name + '</span>'; 

document.querySelector（'#output'）.innerHTML='Hi'+name+''；

如果您希望以编程方式完成，请使用JS创建您的span

var name = 'Asteria';
var x = document.createElement('span');
x.id = 'highlight';
x.innerText = name;

document.querySelector('#output').innerHTML = 'Hi ' + x.outerHTML;

您还可以使用CSS使用

#highlight { color: red; }

---

希望这对您有所帮助。

如果您希望以编程方式完成此任务，请使用JS创建您的span

var name = 'Asteria';
var x = document.createElement('span');
x.id = 'highlight';
x.innerText = name;

document.querySelector('#output').innerHTML = 'Hi ' + x.outerHTML;

您还可以使用CSS使用

#highlight { color: red; }

希望这有帮助。

您也可以试试 通过存储节点并附加子节点

var优先；
First=document.getElementById（“基本”）.value；
var v=document.createElement（“p”）；
v、 appendChild（document.createTextNode（第一个））；
文件.getElementById（“fd”）.appendChild（v）您也可以尝试
通过存储节点并附加子节点


var优先；
First=document.getElementById（“基本”）.value；
var v=document.createElement（“p”）；
v、 appendChild（document.createTextNode（第一个））；
文件.getElementById（“fd”）.appendChild（v）如果您想通过编程获得一些，如果您想在屏幕上看到一些跨度：

var esp=document.createElement("span");
document.getElementById("mydiv").appendChild(esp);
esp.innerHTML="This is my span";

如果您想通过编程方式获得一些信息，如果您想在屏幕上看到一些信息：

var esp=document.createElement("span");
document.getElementById("mydiv").appendChild(esp);
esp.innerHTML="This is my span";

这是你想要的吗<代码>文档.querySelector（“#输出”）.innerHTML='Hi'+name+“”文档.querySelector（“#输出”）.innerHTML='Hi'+name+“”哦，好的，我是作为单独的标记添加它们，而不是在字符串中。谢谢哦，好吧，我是把它们作为单独的标签添加的，而不是在字符串中。谢谢当我想以编程方式添加…时，这是一个正确的问题。简而言之，这同样有效：
var edv=document.getElementById（“plot”）；var edp=document.createElement（“span”）；附加儿童教育价值（edp）；edp.innerHTML=“你好世界”当我想以编程方式添加…时，这是一个正确的问题。简而言之，这同样有效：
var edv=document.getElementById（“plot”）；var edp=document.createElement（“span”）；附加儿童教育价值（edp）；edp.innerHTML=“你好世界”