使用JS实现点击按钮改变HTML标签的内容

JS供给了良多方式用来操作HTML元素,经由过程获得HTML元素对象,再利用响应的方式就能实现操作HTML元素的内容。下面介绍利用JS实现点击按钮改变HTML标签的内容。

方式/步调

  1. 1

    新建一个HTML文件,定名为test.html,用于实现点击按钮改变HTML标签的内容。

  2. 2

    在test.html页面界说一个p元素,并给p元素一个id属性,属性值为demo,便利下面利用JS获得该元素对象。

  3. 3

    再在test.html页面界说一个input元素,类型为button按钮类型,用于实现点击的结果。

  4. 4

    要实现点击改变p标签内容的结果,需要给input按钮绑心猿意马onclick事务,经由过程onclick事务,当点击按钮时,执行响应的操作。

  5. 5

    当用户点击按钮时,经由过程onclick事务执行一个change_con()函数,利用该方式实现改变p标签的内容。

  6. 6

    在JS函数change_con()中,获得p元素对象,再经由过程对象的innerHTML方式实现改变p标签的内容。

  7. 7

    在浏览器运行代码,测试结果:

  • 发表于 2019-07-08 17:03
  • 阅读 ( 1271 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

推荐文章

联系我们:uytrv@hotmail.com 问答工具