在html网页开辟中,我们有时会利用span来显示一些文本信息,当页面加载完,想动态改变span标签显示的值时,我们可以利用js剧本来完当作,下面具体来看一下怎么操作。
起首我们html代码里,先为span标签添加一个id,
html里的按钮控件是便利我们点击为span标签赋值的。
添加一个js方式function,在方式里,先用document.getElementById方式来获得span标签,传入的参数就是span的id。
获得span控件后,我们就可以经由过程更改这个控件的innerHTML属性,来为其赋值了,我们把值改当作‘百度知道’
打开页面,可以看到span此刻显示的值是‘百度经验’
我们点击旁边的按钮,就可以看到span的值当即点窜了,此刻酿成‘百度知道’了。
上面利用的js原生的属性方式,我们还可以利用jquery来更便利的点窜它的值,先引用jquery剧本文件。
然后把之前的JS代码改当作: $("#spJY").html('百度搜刮');
一句代码就可以了,代码里也是经由过程span的id,来获得这个控件,然后挪用的是html()这个方式,把需要点窜的值传进去就行了。
我们再次刷新页面,点击按钮,可以获得span里显示的新的值。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!