Javascript $（“id”）.val（）与document.getElementById（“id”）.value的工作方式不同

我试图创建一个将纯文本转换为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; 
  }
}

---

编辑我已将HTML id=“output”更改为id=“out”（由于它位于原始文件上，我在将其粘贴到stackoverflow中时意外对其进行了编辑

要设置一个值，请按如下操作：

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

---

HTML和JS中的

id

不匹配

---

$（“#out”）

使用JQuery分配/设置值的正确方法是：

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

仅使用

.val（）

来检索值

---

这里是我认为

$（“#out”）.val（）=output#html

应该是

$（“#out”）.val=output#html

要设置id为“output”的元素的值，请使用

$（“#output”）.val（output#html）

和

$（“#output”）.val（）

您将只获得value@PrakashReddyPotlapadu：函数不是这样工作的。

val

不是一个属性，它是一个接受函数构造函数中的值的函数。@David我不知道

jquery

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