怎样用js实现给一个字符串加上标签?

 时间:2024-10-14 11:14:49

在js中,可以使用createElement()方法创建一个标签,然后设置标签的内间恒溪痞容为字符串。下面小编举例讲解怎样用js实现给一个字符串加上标签。

怎样用js实现给一个字符串加上标签?

工具/原料

html+js

代码编辑器:DreamweaverCS5

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解怎样用js实现给一个字符串加上标签。

怎样用js实现给一个字符串加上标签?

2、在test.html文件内,使用div标签创建一个模块,用于将生成的标签添加至此处。

怎样用js实现给一个字符串加上标签?

3、在js标签内,定义一个字符串str,例如,“thisisapig”,并使用createElement()方法创建一个p标签对象。

怎样用js实现给一个字符串加上标签?

4、在js标签内,把字符串str通过innerText属性赋值给p标签对象,作为p标签的内容。

怎样用js实现给一个字符串加上标签?

5、在js标签内,通过id获得div对象,使用appendChild()方法将添加了p标签的字符串在div内显示出来。

怎样用js实现给一个字符串加上标签?

6、在浏览器打开test.html文件,通过源代码查看结果。

怎样用js实现给一个字符串加上标签?

javascript中如何使用onload事件? js怎么判断事件是否绑定 百度echarts折线图如何添加轴坐标的标题 Dw CC 2018显示怎么设置错误 超链接标签的CSS伪类link,visited,hover,active
热门搜索
伦理电影网站 佐助超帅图片 英语小报图片 淘宝首页图片尺寸 图片编辑器哪个好用