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

时间:2024-10-11 19:45:32

1、打开html开发工具,新建一个html页面,然后在页面上创建一个文本输入框、点击按钮、用于显示第一个字的div标签代码:<input type="text" id="name"/> <input type="button" value="获第一个字" /> <div id="first"></div>

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

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 }

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

3、为按钮事件添加上获取第一个文字的方法。代码:<input type="button" value="获第一个字" onclick="getFirstName()"/>

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

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

js如何截取第一个文字;js获取字符串截取
© 手抄报圈