怎么给span标签赋值

在html网页开辟中,我们有时会利用span来显示一些文本信息,当页面加载完,想动态改变span标签显示的值时,我们可以利用js剧本来完当作,下面具体来看一下怎么操作。

方式/步调

  1. 1

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

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

  2. 2

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

  3. 3

    获得span控件后,我们就可以经由过程更改这个控件的innerHTML属性,来为其赋值了,我们把值改当作‘百度知道’

  4. 4

    打开页面,可以看到span此刻显示的值是‘百度经验’

  5. 5

    我们点击旁边的按钮,就可以看到span的值当即点窜了,此刻酿成‘百度知道’了。

  6. 6

    上面利用的js原生的属性方式,我们还可以利用jquery来更便利的点窜它的值,先引用jquery剧本文件。

  7. 7

    然后把之前的JS代码改当作: $("#spJY").html('百度搜刮');

    一句代码就可以了,代码里也是经由过程span的id,来获得这个控件,然后挪用的是html()这个方式,把需要点窜的值传进去就行了。

  8. 8

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

  • 发表于 2018-05-28 00:00
  • 阅读 ( 1194 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具