使用Javascript將<span>標籤添加到div

-1

有很多類似的問題，但沒有一個是我需要的，我也不能擺弄它們以適合我想要做的事情。使用Javascript將<span>標籤添加到div

我有以下幾點：

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

，並想，不知何故，使用上述周圍添加name的<span>標籤。我試圖創建一個簡單的聊天AI來獲得樂趣，並希望能夠照亮AI所說的某些單詞。

來源

2014-09-21 Asteria

這是你想要的嗎？ 'document.querySelector（'＃output'）。innerHTML ='嗨'+ name +「」;' – worldask 2014-09-21 04:20:39

只需添加跨度在你的字符串：

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

來源

2014-09-21 04:20:36 Bic

Ohhh好吧，我將它們作爲單獨的標籤添加，而不是在字符串中。謝謝！ – Asteria 2014-09-21 04:29:38

如果您正在尋找這樣做編程，使用JS創建您的跨度。

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; }

希望這有助於突出與ID跨度。

來源

2014-09-21 04:26:49

使用Javascript將<span>標籤添加到div

回答

相關問題