javascript - 查找具有特定文本的 DOM 元素并修改它

Question

我正在尝试弄清楚如何在原始 javascript(没有 jQuery 等)中找到具有特定文本的元素并修改该文本。

我的第一个解决方案的化身……还不够。我所做的基本上是:

var x = document.body.innerHTML;
x.replace(/regular-expression/,"text");
document.body.innerHTML = x;

我曾天真地以为我成功了，特别是因为它是如此简单。因此，我在我的示例中添加了一个图像，并认为我可以每 5 秒检查一次(因为这个字符串可能会动态进入 DOM)...并且图像每 5 秒闪烁一次。

糟糕。

所以，必须有一个正确的方法来做到这一点。一种专门挑出特定 DOM 元素并更新该 DOM 元素的文本部分的方法。

现在，总是有“递归搜索子项，直到找到字符串中最深的子项”的方法，我想避免这种方法。即便如此，我仍然怀疑“将 innerHTML 更改为不同的东西”是否是更新 DOM 元素的正确方法。

那么，在 DOM 中搜索字符串的正确方法是什么？更新 DOM 元素文本的正确方法是什么？

Answer 1

Now, there's always "recursively search through the children till you find the deepest child with the string" approach, which I want to avoid.

我想在一个无序的随机列表中搜索一个元素。现在，有一种“遍历所有元素，直到找到您正在寻找的方法”，我想避免这种情况。

老式磁带，录音，聆听，冥想。

顺便说一句，请参阅: Find and replace text with JavaScript 在 James Padolsey 的 github
(也是hig博客articlesexplaining吧)