[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 230
  • Last Modified:

Javascript replace text string with h3

Hi,

Using Chrome Dev Tools I have found the CSS selector of a H3 heading.

#container > div.my-table > h3

Open in new window


Within the H3 heading is "Test - some more text here". I need to replace "Test" with "New".

The following attempt results in an 'undefined' error message -

document.body.innerHTML = document.querySelector('#container>div.my-table>h3').replace("Test", "New");

Open in new window


Can anyone see what I am doing wrong?
0
mhdi
Asked:
mhdi
1 Solution
 
sudheeshthegreatCommented:
document.querySelector('#container>div.my-table>h3')
just returns the DOM object. You need to get to this object's text first before attempting to replace it.

Try this:
var theH3Node = document.querySelector('#container>div.my-table>h3');
theH3Node.innerHTML = theH3Node.innerHTML.replace("Test", "New");
0

Featured Post

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now