怎样用js实现给一个字符串加上标签
在js中 , 可以使用createElement()方法创建一个标签 , 然后设置标签的内容为字符串 。 下面小编举例讲解怎样用js实现给一个字符串加上标签 。
![怎样用js实现给一个字符串加上标签](http://img.hunanlong.com/220604/23050LU0-0.jpg)
文章插图
需要这些哦
html+js
代码编纂器:Dreamweaver CS5
方式/
1新建一个html文件 , 定名为test.html , 用于讲解如何用js实现给一个字符串加上标签 。
![怎样用js实现给一个字符串加上标签](http://img.hunanlong.com/220604/23050Kb5-1.jpg)
文章插图
2【怎样用js实现给一个字符串加上标签】在test.html文件内 , 利用div标签建立一个模块 , 用于将生当作的标签添加至此处 。
![怎样用js实现给一个字符串加上标签](http://img.hunanlong.com/220604/23050G205-2.jpg)
文章插图
3在js标签内 , 界说一个字符串str , 例如 , “this is a pig” , 并利用createElement()方式建立一个p标签对象 。
![怎样用js实现给一个字符串加上标签](http://img.hunanlong.com/220604/23050I359-3.jpg)
文章插图
4在js标签内 , 把字符串str经由过程innerText属性赋值给p标签对象 , 作为p标签的内容 。
![怎样用js实现给一个字符串加上标签](http://img.hunanlong.com/220604/23050M2Q-4.jpg)
文章插图
5在js标签内 , 经由过程id获得div对象 , 利用appChild()方式将添加了p标签的字符串在div内显示出来 。
![怎样用js实现给一个字符串加上标签](http://img.hunanlong.com/220604/23050G9C-5.jpg)
文章插图
6在浏览器打开test.html文件 , 经由过程源代码查看成果 。
![怎样用js实现给一个字符串加上标签](http://img.hunanlong.com/220604/23050H106-6.jpg)
文章插图
总结:11、利用div标签建立一个模块 , 用于将生当作的标签添加至此处 。
2、利用createElement()方式建立一个p标签对象 。
3、把字符串str经由过程innerText属性赋值给p标签对象 。
4、经由过程id获得div对象 , 利用appChild()方式将添加了p标签的字符串在div内显示出来 。
以上内容就是怎样用js实现给一个字符串加上标签的内容啦 , 希望对你有所帮助哦!
推荐阅读
- word怎样批量更换字体颜色
- 如何利用剪切板快速完成经验总结
- 快手中怎样查看谁戳了你的具体数据
- 怎样学好初一的地理?
- 怎样折一只七星瓢虫
- 怎么用超轻彩泥做可爱小白兔
- 怎么画杯子
- 怎样制作手工纸盒
- 如何手工制作一只纸蝴蝶
- 怎样设置火绒安全清除病毒时备份至隔离区