如何替换 div 中的特定字符？

Question

I would like to change the comma into an apostrophe in this div.

<div id="range" class="range-slider">   
  <div class="something">15,000.00</div>
</div> 

So instead of 15,000.00 I would like to do 15'000.00

I cannot alter the HTML so I think I need to achieve this in JS, right?

Do I need to use the changeText function?

Many thanks in advance.

Answer 1

There is no native changeText function in JavaScript. You can change the text content of an element using textContent property and use replace() method to replace , to ' .

 let elem = document.querySelector(".something") elem.textContent = elem.textContent.replace(",", "'");

 <div id="range" class="range-slider"> <div class="something">15,000.00</div> </div>

Answer 2

To add to TechySharnav 's answer, you can also query for the classname directly.

var el = documents.getElementByClassNames("something");
el.textContent = el.textContent.replace(',',"'");