$（ "＃IDは"）。valを（）のdocument.getElementById（ "ID"）。値と同じように動作していません

Dyneskye：

私は練習を符号化するビットとしてHTMLにテキスト形式を変換する関数を作成しようとしています。これは、そのためのコードです。

function convert() {
  var input_str = "";
  var text_input = "";
  var output_html = "";
  var counter = 0;

  input_str=$("#in").val();
  text_input = input_str.trim();

  if (text_input.length > 0) {
    output_html += "<p>";
    for (counter=0; counter < text_input.length; counter++) {
      switch (text_input[counter]){
        case '\n':
          if (text_input[counter+1]==='\n'){
            output_html+="</p>\n<p>";
            counter++;
          }
          else output_html+="<br>";
          break;

        case ' ':
          if(text_input[counter-1] != ' ' && text_input[counter-1] != '\t')
            output_html+=" ";
          break;

        case '\t':
          if(text_input[counter-1] != '\t')
            output_html+=" ";
          break;
        case '&':
          output_html+="%amp;";
          break;
        case '"':
          output_html+="&quot;";
          break;
        case '>':
          output_html+="&gt;";
        case '<':
          output_html+="&lt;";
        default:
          output_html+=text_input[counter];
      }
    }
    $("#out").val() = output_html; 
  }
}

私は理由を把握することができないよう$("#out").val() = output_htmlに動作していないが、変更$("#out")のJavaScript同等にdocument.getElementById("id").value絶対に正常に動作します。私は問題を解決するために、後者を使用して気にしないが、私は少し心がboggledと解決策を知っているのが大好きですよ。

<div id="wrapper">
  <div id="html" class="tabs">
    <textarea id="out">OUTPUT</textarea>
  </div>
  <div id="plain" class="tabs">
    <textarea id="in">INPUT</textarea>
  </div>
</div>

EDITそれは、元のファイルの上にあるように私はstackoverflowのに貼り付けるとき、私は誤ってそれを編集し、（HTMLのID IDへ=「出力」=「アウト」を変更しました

メルヴィータ：

値を設定するには、そのようにそれを実行します。

$("#out").val(output_html)  ;