怎么给span标签赋值

在html网页开辟中 , 我们有时会利用span来显示一些文本信息 , 当页面加载完 , 想动态改变span标签显示的值时 , 我们可以利用js剧本来完当作 , 下面具体来看一下怎么操作 。
方式/
1【怎么给span标签赋值】起首我们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标签赋值

文章插图


以上内容就是怎么给span标签赋值的内容啦 , 希望对你有所帮助哦!

    推荐阅读