javascript - 入力したとおりにユーザー コンテンツを表示する

Question

ユーザーがテキスト ボックスに値を入力すると、そのままtdに表示されます。

これは、 divで試したコードです。

<input type="text" name="userStr" id="userStr" onKeyUp="processValue()"/>
<div id="disp">
</div>
<script type="text/javascript" >
function processValue() {

var userval = document.getElementById("userStr").value;
//alert('userval'+userval);
document.getElementById("disp").innerHTML = userval;
}

値 <> ( ) # & を入力しましたが、元の文字列ではなく <> ( ) # & として表示されます (<> ( ) # & )

これを行う標準的な方法は何ですか。

stackoverflowと入力してもまったく同じことが表示されましたが、ここでソースを表示しますが、あなたからの洞察を探しています。

ありがとう。

Answer 1

試す：

document.getElementById("disp").innerHTML = userval.replace(/&/g, '&amp;').replace(/</g, '&lt;');

別の方法として、要素のテキストを設定することもできますが、ブラウザーのバリエーションに対処する必要があります。