Question

我正在寻找使用javascript函数在html中标记短语的方法。问题是，我有一个包含大量单词的HTML页面，但我需要在每次出现时标记该短语。有谁知道如何做到这一点？

Answer 1

您可以找到关键字，例如html替换或适合您情况的内容。

使用gulp，有gulp-html-replace模块（https://www.npmjs.com/package/gulp-html-replace）

Answer 2

假设您的所有文字都在p标签内，您可以按

选择所有段落

var allP = document.getElementsByTagName("P")

然后遍历allP并获取标签的html。

for (var i; i< allP.length; i++) {
    var thisP = allP[i];
    var htmlP = thisP.innerHTML;
}

然后你可以用你的短语（在for循环中）分割htmlP，例如：

var partsP = htmlP.split("I want to be highlighted");

并且den重建了你的html：

var newHtmlP = "";
for (var j; j < partsP.length; j++) {
    newHtmlP = newHtmlP + partsP[j] + '<span style="color:red">I want to be highlithed</span>';
}

你必须确保这个短语最后没有附加一次（我没有在这里实现）。最后你设置内部html：

thisP.innerHTML = newHtmlP;

带有javascript函数的HTML短语标记

2 个答案: