首页 > 软件开发 > JavaScript >

js如何修改html变量

来源:互联网 2023-03-16 23:59:05 版权归原作者所有,如有侵权,请联系我们

js全称javaScript,是一种应用广泛的客户端网页开发的脚本语言,作用非常强大,今天小编就来分享下使用js如何修改html变量。QvJ办公区 - 实用经验教程分享!

工具/原料

  • Sublime编辑器,浏览器。

方法/步骤

  • 1

    新建一个html5页面,完成如下所示初始化代码。QvJ办公区 - 实用经验教程分享!

    js如何修改html变量QvJ办公区 - 实用经验教程分享!

  • 2

    新建两个input标签,一个用于用户输入变量,一个用户用户改变变量值。QvJ办公区 - 实用经验教程分享!

    js如何修改html变量QvJ办公区 - 实用经验教程分享!

    js如何修改html变量QvJ办公区 - 实用经验教程分享!

  • 2此文章未经许可获取自百度经验
  • 3

    写入script标签,里面编写js代码,通过js我们获得两个input标签元素。QvJ办公区 - 实用经验教程分享!

    js如何修改html变量QvJ办公区 - 实用经验教程分享!

  • 4

    做按钮标签的点击事件函数,即当用户点击“加一”按钮的时候,调用此函数。QvJ办公区 - 实用经验教程分享!

    js如何修改html变量QvJ办公区 - 实用经验教程分享!

  • 5

    在函数中,我们先将变量转化为数字,然后再将数字加一,即可达到用js改变html变量的功能。QvJ办公区 - 实用经验教程分享!

    js如何修改html变量QvJ办公区 - 实用经验教程分享!

  • 6

    刷新下网页,我们输入数字“18”,然后点击“加一”按钮。QvJ办公区 - 实用经验教程分享!

    js如何修改html变量QvJ办公区 - 实用经验教程分享!

  • 7

    我们可以发现,输入框中的变量值变为19,变量值被js所改变。QvJ办公区 - 实用经验教程分享!

    js如何修改html变量QvJ办公区 - 实用经验教程分享!

  • 注意事项

    • 输入框中数字需要我们先强制转化为数字,不然默认为字符串。
    • 以上为小编编程总结,希望对你有所帮助!

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!QvJ办公区 - 实用经验教程分享!


    标签: HTMLJAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号