如何将内部 HTML 内容替换为在浏览器中正确呈现的混合内部和外部 HTML 内容
How replace inner HTML content with mixed inner and outer HTML content that is rendered properly in browsers
我的问题与以下 Javascript 有关,它包含在 HTML 文档正文之后:
<script language="javascript">
function walkText(node) {
if (node.nodeType == 3) {
node.data = node.data.replace(/Blah Blah Blah/gi, "<span style=\"font-family: elektora;\">a<span style=\"font-size: 80%\">shen</span> g<span style=\"font-size: 80%\">low</span> g<span style=\"font-size: 80%\">aming</span></span>");
}
if (node.nodeType == 1 && node.nodeName != "SCRIPT") {
for (var i = 0; i < node.childNodes.length; i++) {
walkText(node.childNodes[i]);
}
}
}
walkText(document.body);
</script>
请注意,替换文本包含内部和外部 HTML 内容的混合,并且不会相应地在浏览器中呈现。它在浏览器中输出为原始未处理 HTML - <span style=\"font-family: elektora;\">a<span style=\"font-size: 80%\">shen</span> g<span style=\"font-size: 80%\">low</span> g<span style=\"font-size: 80%\">aming</span></span>
-
如何修改查找和替换代码以在浏览器中以这种方式替换,以便被视为混合的内部和外部 HTML 内容。目前它用另一个文本字符串替换原始文本字符串,其 HTML 标签未在浏览器中呈现。
您遇到问题的原因是您正在替换文本节点。所以字符串没有呈现。试试下面的代码块
function walkText(node) {
let replacedText = "<span style='font-family: elektora;'>a<span style='font-size: 80%'>shen</span> g<span style='font-size: 80%'>low</span> g<span style='font-size: 80%'>aming</span></span>";
let pattern = /hhh/gi;
if (node.nodeType == 1 && node.nodeName != "SCRIPT") {
let indx = node.innerHTML.search(pattern, replacedText);
if (indx != -1)
{
node.innerHTML = node.innerHTML.replace(pattern, replacedText);
}
else
{
for (var i = 0; i < node.childNodes.length; i++) {
walkText(node.childNodes[i]);
}
}
}
}
walkText(document.body);
我的问题与以下 Javascript 有关,它包含在 HTML 文档正文之后:
<script language="javascript">
function walkText(node) {
if (node.nodeType == 3) {
node.data = node.data.replace(/Blah Blah Blah/gi, "<span style=\"font-family: elektora;\">a<span style=\"font-size: 80%\">shen</span> g<span style=\"font-size: 80%\">low</span> g<span style=\"font-size: 80%\">aming</span></span>");
}
if (node.nodeType == 1 && node.nodeName != "SCRIPT") {
for (var i = 0; i < node.childNodes.length; i++) {
walkText(node.childNodes[i]);
}
}
}
walkText(document.body);
</script>
请注意,替换文本包含内部和外部 HTML 内容的混合,并且不会相应地在浏览器中呈现。它在浏览器中输出为原始未处理 HTML - <span style=\"font-family: elektora;\">a<span style=\"font-size: 80%\">shen</span> g<span style=\"font-size: 80%\">low</span> g<span style=\"font-size: 80%\">aming</span></span>
-
如何修改查找和替换代码以在浏览器中以这种方式替换,以便被视为混合的内部和外部 HTML 内容。目前它用另一个文本字符串替换原始文本字符串,其 HTML 标签未在浏览器中呈现。
您遇到问题的原因是您正在替换文本节点。所以字符串没有呈现。试试下面的代码块
function walkText(node) {
let replacedText = "<span style='font-family: elektora;'>a<span style='font-size: 80%'>shen</span> g<span style='font-size: 80%'>low</span> g<span style='font-size: 80%'>aming</span></span>";
let pattern = /hhh/gi;
if (node.nodeType == 1 && node.nodeName != "SCRIPT") {
let indx = node.innerHTML.search(pattern, replacedText);
if (indx != -1)
{
node.innerHTML = node.innerHTML.replace(pattern, replacedText);
}
else
{
for (var i = 0; i < node.childNodes.length; i++) {
walkText(node.childNodes[i]);
}
}
}
}
walkText(document.body);