怎么给span标签赋值

2025-06-03 17:03:01

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标签赋值
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢