javascript - 在 元素中插入

Question

我喜欢；

<p>Variable Text</p>

我希望它成为；

<p>Variable <span>Text</span></p>

这可以通过 javascript 函数实现吗？/或 jQuery。

哦，是的，p 元素有一个 ID，p 元素内的文本是可变的，但始终由 2 个单词组成。我想通过 javascript 函数围绕文本的最后一个单词进行跨度。

Answer 1

试试这个

var txt = "Hello bye";
var dataArr = txt.split(' ');

var paragraph = document.getElementById("pid");
paragraph.innerHTML = dataArr[0]+ " <span>"+dataArr[1]+"</span>";

这是一个demo