javascript - キー # を含むテキストエリアとラベルボックスを表示

Question

<textarea name="text" id="text"></textarea>

# を使用してテキストエリアに入力するときに必要です。例 #happy、#2012 など。送信後、div ラベル ボックスで表示されます。このcssを使用：

.div_box
{
padding: 5px;
background: #c0c0c0;
}

それを実現することは可能ですか？
アイデアがあれば教えてください。助けてくれてありがとう。

Answer 1

テキスト領域の特定のテキストのクラスを変更する方法はないと思います。要素のクラスのみを変更できます。このために、すでに作成された「リッチテキストエディタ」を使用して手動で行うことができます。

別の方法がある場合。私にお知らせください

Answer 2

ドキュメントが読み込まれるたびに確認できます。

Javascript のみを使用する場合:

    window.onload = function(){
        if(document.getElementById('text').innerHTML.indexOf('#') != -1){
            document.getElementById('text').setAttribute('class','div_box');
        }
        else{
            document.getElementById('text').setAttribute('class','');
        }
    }