正则表达式问题-HTML标签内容

Question

我想用JavaScript用<I <body>替换<body>所有“ i”字符。 （例如： <div id="123">Hi! it!</div>应该更改为<div id="123">HI! It!</div> ）。 我知道我必须使用正则表达式。 但我不知道该写些什么。 你能帮助我吗？ 谢谢 ..

Answer 1

我刚刚回答了一个可能对您有所帮助的类似问题： JQuery / Javascript-在DOM中搜索文本并插入HTML

对于这种特殊情况，您可以简化。

UPDATE

我添加了一个filter参数，以允许您过滤掉特定节点的后代。 该函数应采用单个DOM节点参数并返回一个布尔值： true替换节点及其后代中的文本， false忽略节点及其后代。

function replaceText(node, regex, replacementText, filter) {
    if (node.nodeType == 3) {
        node.data = node.data.replace(regex, replacementText);
    } else if (!filter || filter(node)) {
        var child = node.firstChild;
        while (child) {
            replaceText(child, regex, replacementText, filter);
            child = child.nextSibling;
        }
    }
}

function scriptAndStyleFilter(node) {
    return node.nodeType != 1 || !/SCRIPT|STYLE/i.test(node.nodeName);
}

replaceText(document.body, /i/g, "I", scriptAndStyleFilter);

Answer 2

这是使用CSS，jQuery和Highlight插件的替代方法：

CSS：

.highlight {text-transform:uppercase;}

JavaScript的：

$('body').highlight('i');

工作示例： http : //jsbin.com/okavo4

这是一个简单的示例，但是如果您需要更复杂的内容，则可以使用源代码来获取所需的内容。 在您的身体来源上使用正则表达式是错误的，尤其是在浏览器的上下文中，在该浏览器中您已经具有解析的DOM结构。

正则表达式问题-HTML标签内容

问题描述

2 个解决方案

解决方案1
3 已采纳 2010-12-20 13:08:40

解决方案2
1 2010-12-20 13:11:12

正则表达式问题-HTML标签内容

问题描述

2 个解决方案

解决方案1 3 已采纳 2010-12-20 13:08:40

解决方案2 1 2010-12-20 13:11:12

解决方案1
3 已采纳 2010-12-20 13:08:40

解决方案2
1 2010-12-20 13:11:12