怎么给span标签赋值

怎么给span标签赋值

在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里显示的新的值。