Welcome to Software Development on Codidact!

Will you help us build our independent community of developers helping developers? We're small and trying to grow. We welcome questions about all aspects of software development, from design to code to QA and more. Got questions? Got answers? Got code you'd like someone to review? Please join us.

Post History

66%

+2 −0

Q&A Understanding createTreeWalker method in the context of replacing strings (or parts of them)

I want to ensure I understand the following code; credit to user:m3g4p0p on Sitepoint, for this code: const walker = document.createTreeWalker( document.body, NodeFilter.SHOW_TEXT ) let...

1 answer · posted 3y ago by deleted user · last activity 3y ago by hkotsubo‭

Question javascript dom replace

#3: Post edited by (deleted user) · 2021-11-23T02:23:04Z (almost 3 years ago)

Copy Link

Raw

Markdown

I want to ensure I understand the following code; [credit to user:m3g4p0p on Sitepoint](https://www.sitepoint.com/community/t/how-replace-any-occurrence-of-a-word-in-a-document/377844), for this code:
```js
const walker = document.createTreeWalker(
document.body,
NodeFilter.SHOW_TEXT
)
let node;
while ((node = walker.nextNode())) {
node.textContent = node.textContent.replace('a', 'b')
}
```
Exceptionally I have two questions:
~~* How does storing replaced strings in a variable makes a change to the end user?~~
* How do you understand each stage of the code?

I want to ensure I understand the following code; [credit to user:m3g4p0p on Sitepoint](https://www.sitepoint.com/community/t/how-replace-any-occurrence-of-a-word-in-a-document/377844), for this code:
```js
const walker = document.createTreeWalker(
document.body,
NodeFilter.SHOW_TEXT
)
let node;
while ((node = walker.nextNode())) {
node.textContent = node.textContent.replace('a', 'b')
}
```
Exceptionally I have two questions:
* How do you understand each stage of the code?
* How does storing replaced strings in the `node` variable makes a change in the text appearing to the end user?

#2: Post edited by

Alexei‭ · 2021-11-22T06:00:42Z (almost 3 years ago)
added relevant tags

Copy Link

Raw

Markdown

javascript

javascript dom replace

#1: Initial revision by (deleted user) · 2021-11-21T12:52:37Z (about 3 years ago)

Copy Link

Raw

Markdown

Understanding createTreeWalker method in the context of replacing strings (or parts of them)

I want to ensure I understand the following code; [credit to user:m3g4p0p on Sitepoint](https://www.sitepoint.com/community/t/how-replace-any-occurrence-of-a-word-in-a-document/377844), for this code:

```js
const walker = document.createTreeWalker(
  document.body, 
  NodeFilter.SHOW_TEXT
)

let node;

while ((node = walker.nextNode())) {
  node.textContent = node.textContent.replace('a', 'b')
}
```

Exceptionally I have two questions:

* How does storing replaced strings in a variable makes a change to the end user?
* How do you understand each stage of the code?

javascript

Communities

Post History