JS供给了良多方式用来操作HTML元素,经由过程获得HTML元素对象,再利用响应的方式就能实现操作HTML元素的内容。下面介绍利用JS实现点击按钮改变HTML标签的内容。
新建一个HTML文件,定名为test.html,用于实现点击按钮改变HTML标签的内容。
在test.html页面界说一个p元素,并给p元素一个id属性,属性值为demo,便利下面利用JS获得该元素对象。
再在test.html页面界说一个input元素,类型为button按钮类型,用于实现点击的结果。
要实现点击改变p标签内容的结果,需要给input按钮绑心猿意马onclick事务,经由过程onclick事务,当点击按钮时,执行响应的操作。
当用户点击按钮时,经由过程onclick事务执行一个change_con()函数,利用该方式实现改变p标签的内容。
在JS函数change_con()中,获得p元素对象,再经由过程对象的innerHTML方式实现改变p标签的内容。
在浏览器运行代码,测试结果:
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!