怎么给span标签赋值

 时间:2026-02-14 09:09:40

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

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

怎么给span标签赋值

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

怎么给span标签赋值

3、得到span控件后,我们就可以通过更改这个控件的innerHTML属性,来为其赋值了,我们把值改成‘百度知道’

怎么给span标签赋值

4、打开页面,可以看到span现在显示的值是‘百度经验’

怎么给span标签赋值

5、我们点击旁边的按钮,就可以看到span的值立即修改了,现在变成‘百度知道’了。

怎么给span标签赋值

6、上面使用的js原生的属性方法,我们还可以使用jquery来更方便的修改它的值,先引用jquery脚本文件。

怎么给span标签赋值

7、然后把之前的JS代码改成: $("#spJY").html('百度搜索');

一句代码就可以了,代码里也是通过span的id,来得到这个控件,然后调用的是html()这个方法,把需要修改的值传进去就行了。

怎么给span标签赋值

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

怎么给span标签赋值

  • 不支持diamond运算符问题怎么解决
  • mysql ERROR 1045 (28000)怎么解决
  • js字符串转数字
  • idea怎么安装插件
  • tomcat怎么修改端口号
  • 热门搜索
    西宁旅游景点大全 庐山西海旅游攻略 山西平遥古城旅游攻略 全国各地旅游景点 东北旅游攻略 日本自由行旅游攻略 鄂州旅游 上海到乌镇旅游攻略 云南腾冲旅游景点 重庆有哪些旅游景点