Why Is + not being replaced in javascript string?

Question

is my syntax correct i wanted to replace string in pattern abcd+abcd+ but its not working using replace method in JavaScript here is the code snapshot the commented one dose not work which i require

function myFunction() {
  var str = document.getElementById("demo").innerText;
  //var res = str.replace(/+/g, "red");
  var res2 = str.replace("+", "red");
  document.getElementById("demo").innerText = res2;
}

<p>Click the button to replace "blue" with "red" in the paragraph below:</p>
<p id="demo">Mr + has a + house and a blue car.</p>
<button onclick="myFunction()">Try it</button>

already tried above https://jsfiddle.net/h52pad7y/ – Ashish Kullu Apr 04 '18 at 07:41 — Ashish Kullu, Apr 04 '18 at 07:41
What do you want to change the `+` or `blue`.? – Jithin Raj P R Apr 04 '18 at 09:58 — Jithin Raj P R, Apr 04 '18 at 09:58

score 2 · Answer 1 · answered Apr 04 '18 at 07:37

The commented-out portion is nearly right, but you need to escape the + because it's a special character in regular expressions:

function myFunction() {
  var str = document.getElementById("demo").textContent;
  var res = str.replace(/\+/g, "red");
  document.getElementById("demo").textContent= res;
}

<p>Click the button to replace "blue" with "red" in the paragraph below:</p>
<p id="demo">Mr + has a + house and a blue car.</p>
<button onclick="myFunction()">Try it</button>

innerText is a quirky nonstandard property that IE introduced. It is highly recommended to instead use the standard, quicker, more reliable textContent instead - see http://perfectionkills.com/the-poor-misunderstood-innerText

thank you CertainPerformance – Ashish Kullu Apr 04 '18 at 07:43 — Ashish Kullu, Apr 04 '18 at 07:43

Why Is + not being replaced in javascript string?

1 Answers1