怎么给span标签赋值

 时间:2024-11-04 08:16:22

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怎么修改端口号
  • 热门搜索
    华为手机怎么截图 失业金怎么申请领取 清蒸鲈鱼的做法大全 耳机为什么一个有声音一个没有 身份证丢了怎么挂失 醉驾怎么处理 婚姻线怎么看 庚怎么读 电脑怎么调亮度 烤箱烤地瓜的做法