当前位置:网站首页 > 创业 > 正文

怎么给span标签赋值

0 张子豪 张子豪 2025-10-12 01:10 1

在html网页开辟中,我们有时会利用span来显示一些文本信息,当页面加载完,想动态改变span标签显示的值时,我们可以利用js剧本来完当作,下面具体来看一下怎么操作。

方式/步调

  1. 1

    起首我们html代码里,先为span标签添加一个id,

    html里的按钮控件是便利我们点击为span标签赋值的。

  2. 2

    添加一个js方式function,在方式里,先用document.getElementById方式来获得span标签,传入的参数就是span的id。

  3. 3

    获得span控件后,我们就可以经由过程更改这个控件的innerHTML属性,来为其赋值了,我们把值改当作‘百度知道’

  4. 4

    打开页面,可以看到span此刻显示的值是‘百度经验’

  5. 5

    我们点击旁边的按钮,就可以看到span的值当即点窜了,此刻酿成‘百度知道’了。

  6. 6

    上面利用的js原生的属性方式,我们还可以利用jquery来更便利的点窜它的值,先引用jquery剧本文件。

  7. 7

    然后把之前的JS代码改当作: $("#spJY").html('百度搜刮');

    一句代码就可以了,代码里也是经由过程span的id,来获得这个控件,然后挪用的是html()这个方式,把需要点窜的值传进去就行了。

  8. 8

    我们再次刷新页面,点击按钮,可以获得span里显示的新的值。

来源:百闻(微信/QQ号:9397569),转载请保留出处和链接!


本文链接:https://www.ibaiwen.com/web/233833.html

张子豪

张子豪

TA很懒,啥都没写...

@百闻娱乐 本站部分内容转自互联网,若有侵权等问题请及时与本站联系,我们将在第一时间删除处理。 | 粤ICP备2024343649号 | (地图