Javascript nicht in der Lage mit HTML-Text mit neuem Text zu ersetzen

Question

Ich versuche, wie Text mit neuem Text in einem HTML-Tag zu ersetzen:

text = " hello how are you? " ; 
    newText = "<h1>hello how are you? </h1> " ; 

Dies ist mein Code:

//replacer holds the html element 
var replacer = document.getElementById("#"+id); 

var newElement = "<span style='font-size:100px;' id='one4'>"+selectedinnerText+"</span>"; 

//selectedinnerText holds the text to be replaced                 
alert(selectedinnerText + "  "+ newElement ); 

//This below line is not working properly 
replacer.innerHTML = replacer.innerHTML.replace(selectedinnerText,newElement); 

Answer 1

Ihr Problem ist, Wenn Sie ein Element mit seiner ID in JavaScript erhalten, benötigen Sie nicht # vor dem ID-Namen.

var replacer = document.getElementById(id); 

Also, der Grund, warum Sie nicht die innerHTML des replacer Elements festlegen können, weil es kein Element in den Variablen jetzt gespeichert ist.

Answer 2

Das sollte korrekten Code

var replacer = document.getElementById(id);// no # needed here 
var newElement = "<span style='font-size:100px;' id='one4'>"+selectedinnerText+"</span>"; 

alert(selectedinnerText + "  "+ newElement ); 

replacer.innerHTML = replacer.innerHTML.replace(selectedinnerText,newElement);