javascript - 为页面上的所有 iPad 或 iPhone 实例强制使用小写 i

Question

我被难住了。我正在尝试找出如何使用 javascript 在页面上查找“ipad”或“iphone”的所有实例，然后强制每个实例使用小写的“i”，以便它们显示为 iPad 或 iPAD？

Answer 1

您需要的是一个正则表达式，它首先检查字母 i，然后检查字母 i 后面是否跟有 phone 或填充:

var appleRegex = /i(?=(phone)|(pad))/gim;

然后您可以使用 replace() 将与此正则表达式匹配的任何 i 字符替换为小写 i:

var theText = 'IPAD and IPHONE';
var replacedText = theText.replace(appleRegex, 'i');

在上面，theText 是您要检查的字符串，replacedText 是两个单词都使用小写 i 后的相同字符串。

我创建了一个 fiddle 演示 here .

编辑

要更改 HTML 内容，您需要在示例中设置 theText 以等于您要替换的 HTML 的内容:

var theText = document.getElementById('{YOURID}').innerHTML;

然后您需要在替换文本后更新元素:

document.getElementById('{YOURID}').innerHTML = replacedText;

我已经更新了 Fiddle 来展示这一点，可以找到更新 here .

希望这对您有所帮助!