DOM要素に空白を挿入したい。
たとえば、これを変更したい
<a></a>
これに
<a> </a>
 DOM要素に手動で追加する と、空白としてレンダリングされます。しかし、これを動的に追加したい場合は、を使用しますinnerText。
a_element.innertText = " "
 その結果、空白に変換されず、テキストとしてレンダリングされます( <a> </a>)。どうすればこれを修正できますか?
DOM要素に空白を挿入したい。
たとえば、これを変更したい
<a></a>
これに
<a> </a>
 DOM要素に手動で追加する と、空白としてレンダリングされます。しかし、これを動的に追加したい場合は、を使用しますinnerText。
a_element.innertText = " "
 その結果、空白に変換されず、テキストとしてレンダリングされます( <a> </a>)。どうすればこれを修正できますか?
.innerHTMLその特定のリンクのHTMLを編集する必要があるときに使用します。
a_element.innerHTML = " "
HTMLエンティティ参照は、HTML解析でのみ処理されます。いずれにせよ、キャラクターをコンテンツに直接入れるのが最善です。オーサリング環境でノーブレークスペースを入力する方法がわからない場合は、JavaScriptで\xA0またはエスケープを使用できます。\u00A0
a_element.innerText = "\u00A0";
ところで、ノーブレークスペースはHTML仕様による空白文字ではありません。
必要な空白文字をコピーして、JavaScript文字列に貼り付けることもできます。たとえば、私は 自分のhtmlにを持っていました。ページを読み込んだときに、そのスペースをコピーして、JavaScriptの文字列に貼り付けました。
var myString = "Here is   --> <--";
ここでは通常のスペースのように見えますが、コピーされた元の空白にレンダリングされることに注意してください。