网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

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获取字符串截取
© 2025 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com