使用 JS 获取输入框 input 里的值

项目中需要做AJAX数据提交，其中要用到数据拼接，有如以下的html结构片段：

<input type="text" id="noticeTitle" />
<textarea id="noticeContent" placeholder="请输入公告内容">
</textarea>

然后需要在点击发布时，把输入的内容通过ajax传送给后台，使用jQuery，可以直接使用 val() 函数。

var title = $("#noticeTitle").val();
var content = $("#noticeContent").val();

$.ajax…………

但是项目中用到jQuery的地方的屈指可数，于是准备使用原生重写。

通过javascript的value属性，就可以直接获得输入框的值。

var title = document.getElementById("noticeTitle").value;
var content = document.getElementById("noticeContent").value;

于是完美解决，项目中也减少了jQuery的80k宝贵空间。