网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 生活知识 生活百科 知识问答 更多知识

html中如何使用span标签

时间:2026-04-02 07:26:08

1、创建一个名称为  html_span  的html文件 

html中如何使用span标签

2、添加一个button按钮,在点击事件中加入自定义函数 为my_html_span

html中如何使用span标签

3、添加一个p标签,设置p标签id 为 show_html_span

html中如何使用span标签

4、在javascript中创建一个自定义函数 名称为 my_html_span

html中如何使用span标签

5、在自定义函数中通过id获取p标签对象。将带有span 标签并设置style样式的字符串(<span style="color:red;font-weight:bold" id="my_html_id_span" >)赋值到obj_i_html_span变量中,将变量添加到p标签中显示

html中如何使用span标签

6、在浏览器中打开文件 html_span,点击button查看加span标签文字变颜色的

效果

html中如何使用span标签

© 2026 海能知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com