使用JS实现点击按钮改变HTML标签的内容
JS供给了良多方式用来操作HTML元素，经由过程获得HTML元素对象，再利用响应的方式就能实现操作HTML元素的内容。下面介绍利用JS实现点击按钮改变HTML标签的内容。
方式/步调
- 1
新建一个HTML文件，定名为test.html，用于实现点击按钮改变HTML标签的内容。
- 2
在test.html页面界说一个p元素，并给p元素一个id属性，属性值为demo，便利下面利用JS获得该元素对象。
- 3
再在test.html页面界说一个input元素，类型为button按钮类型，用于实现点击的结果。
- 4
要实现点击改变p标签内容的结果，需要给input按钮绑心猿意马onclick事务，经由过程onclick事务，当点击按钮时，执行响应的操作。
- 5
当用户点击按钮时，经由过程onclick事务执行一个change_con()函数，利用该方式实现改变p标签的内容。
- 6
在JS函数change_con()中，获得p元素对象，再经由过程对象的innerHTML方式实现改变p标签的内容。
- 7
在浏览器运行代码，测试结果：
- 发表于 2019-07-08 17:03
- 阅读 ( 1273 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章