请用JS 写一个比较两个字符串,标红不同的字符
时间: 2024-04-12 13:31:33 浏览: 102
当然可以!以下是一个使用 JavaScript 比较两个字符串并将不同字符标红的示例代码:
```javascript
function compareStrings(str1, str2) {
let result = '';
for (let i = 0; i < str1.length || i < str2.length; i++) {
if (str1[i] !== str2[i]) {
result += '<span style="color: red;">' + (str1[i] || '') + '</span>';
} else {
result += str1[i] || '';
}
}
return result;
}
const string1 = 'Hello World';
const string2 = 'Hallo Wurst';
const comparedString = compareStrings(string1, string2);
console.log(comparedString);
```
在上面的例子中,我们定义了一个 `compareStrings` 函数,它接受两个字符串作为参数。函数通过迭代比较两个字符串的每个字符,如果字符不相等,就将其用红色标记,否则保留原样。最后,返回比较后的字符串。
我们使用了 `<span>` 元素和内联样式来设置不同字符的红色文本颜色。
在示例中,我们将字符串 `"Hello World"` 和 `"Hallo Wurst"` 作为输入,并将结果存储在 `comparedString` 变量中。然后,我们将比较后的字符串打印到控制台。
你可以在其他地方使用 `comparedString` 的值,例如将其插入到网页中的某个元素中。
希望这可以帮助到你!如果有任何疑问,请随时提问。
阅读全文