Find and replace text nodes.
replaceTextNode(element: HTMLElement, str: String|RegExp, wrapper: String| HTMLElement as string)
| Name | Default | value | Description |
|---|---|---|---|
| element | undefined |
HTMLElement |
Parent element to search for text |
| str | undefined |
String or RegExp |
String to search for |
| wrapper | undefined |
String or HTMLElement as string |
String or HTMLElement as string which will be inserted in place of string |
Add script in your <head> tag.
<script src="path/to/replaceTextNode.min.js"></script><body>
<div>
Hello my name is Manoj
<div>
And I am a software <b>Developer <i>Yes I am</i></b>
</div>
</div>
<div>
Hello my name is John
<div>
And I am a software <b>Developer <i>Yes I am</i></b>
</div>
</div>
<div>
Hello my name is Steven
<div>
And I am a software <b>Designer <i>Yes I am</i></b>
</div>
</div>
</body>
<script>
replaceTextNode(document.querySelector("body"), "Manoj", "<a href='manoj'>Manoj</a>")
</script>- Implement replace node on nested tags
- My website (manojsinghnegi.com)
- Medium (@manojsinghnegi)
- Twitter (@manojnegiwd)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent