Fexo
0
For example, if i wanted to replace "mystring" with "myotherstring" in
<!DOCTYPE html>
<html>
<body>
<h1 id="mystring">mystring</h1>
<p>mystring</p>
<script>mystring javascript blah</script>
</body>
</html>how could i only replace it in the <h1> and <p> tags with javascript, or can i do it without js?
You can select the specific tags you're interested in and do the replacement.
document.querySelectorAll("h1, p").forEach((el) => {
el.textContent = el.textContent.replace(/\bmystring\b/g, "myotherstring");
});
https://codesandbox.io/s/unruffled-firefly-ssb8cj?file=/src/index.js
Read more about the \b (Word Boundary)