js如何截取第一个文字；js获取字符串截取

1、打开html开发工具，新建一个html页面，然后在页面上创建一个文本输入框、点击按钮、用于显示第一个字的div标签

代码：

<input type="text" id="name"/>

<input type="button" value="获第一个字"  />

<div id="first"></div>

2、创建一个<script>标签，然后在这个标签里面创建点击时获取文本框的第一个文字的方法，通过str.substring(0,1)获取文本框第一个文字的。

js代码：

function getFirstName(){

var name = document.querySelector("#name").value

var first = name.substring(0,1);

document.querySelector("#first").innerHTML = "第一个字："+first

}

3、为按钮事件添加上获取第一个文字的方法。

代码：

<input type="button" value="获第一个字"  onclick="getFirstName()"/>

4、保存html代码后使用浏览器打开，在文本框中输入内容后，点击右边的按钮，即可看到文本框下方显示第一个文字。