replace - 文字列変数は変更できますが、innerHTML は変更できません

Question

innerHTML の一部を削除する必要があります。私は今これを3時間試しています。とてもシンプルに思えます。

これは機能します...

var foo = '<div id = "test" class = "hidden" style = "width: 350px"></div>';
alert(foo);
foo = foo.split('id = "test" class = "hidden" ').join('');
alert(foo);

そして、これはしません...

var myElement = document.getElementById('kjbggk');

myElement.innerHTML = '<div id = "test" class = "hidden" style = "width: 350px"></div>';
alert(myElement.innerHTML);
myElement.innerHTML = myElement.innerHTML.split('id = "test" class = "hidden" ').join('');
alert(myElement.innerHTML);        

Answer 1

ここをクリックして、問題を解決できる関連する StackOverflow の質問に移動します。

SOに関するこの質問もあなたの質問に関連しているようです。

または、試しましたか

var myElement = document.getElementById('kjbggk');
alert(myElement.innerHTML);
var foo = '<div id = "test" class = "hidden" style = "width: 350px"></div>';
alert(foo);
foo = foo.split('id = "test" class = "hidden" ').join('');
alert(foo);
myElement.innerHTML = foo;
alert(myElement.innerHTML);