js如何在p标签内添加span标签

 时间:2024-10-22 08:21:24

在js中,获得p标签对象,使用innerHTML属性便可以往p标签内添加span标签。下面小编举例讲解js如何在p标签内添加span标签。

js如何在p标签内添加span标签

工具/原料

js+html

代码编辑器:zendstudio10.0

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解js如何在p标签内添加span标签。

js如何在p标签内添加span标签

2、在test.html文件内,创建一个p标签,用于测试。

js如何在p标签内添加span标签

3、在test.html文件内,设置p标签的id属性为test。

js如何在p标签内添加span标签

4、在test.html文件内,创建一个button按钮,当按钮被点击时,执行addhtml()函数。

js如何在p标签内添加span标签

5、在js标签内,创建addhtml()函数,在函数内,使用getElementByI蟠校盯昂d方法通过id获得p标签对象,通过innerHTML属性将一个span标签添加至p标签内。

js如何在p标签内添加span标签

6、在浏览器打开test.html文件,点击按钮,查看结果。

js如何在p标签内添加span标签

jquery获取对象属性值的方法? SQLServer之向已存在数据的表中添加约束 html页面单选框怎么实现 创建视图的sql语句 HBuilderX如何在命令窗口中打开目录#校园分享#
热门搜索
h漫画下载 妖精种植手册漫画 日本邪恶漫画视频 好看的漫画人物图片 日出图片大全