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

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

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

文章插图

需要这些哦
html+js
代码编纂器:Dreamweaver CS5
方式/
1新建一个html文件 , 定名为test.html , 用于讲解如何用js实现给一个字符串加上标签 。
怎样用js实现给一个字符串加上标签

文章插图

2【怎样用js实现给一个字符串加上标签】在test.html文件内 , 利用div标签建立一个模块 , 用于将生当作的标签添加至此处 。
怎样用js实现给一个字符串加上标签

文章插图

3在js标签内 , 界说一个字符串str , 例如 , “this is a pig” , 并利用createElement()方式建立一个p标签对象 。
怎样用js实现给一个字符串加上标签

文章插图

4在js标签内 , 把字符串str经由过程innerText属性赋值给p标签对象 , 作为p标签的内容 。
怎样用js实现给一个字符串加上标签

文章插图

5在js标签内 , 经由过程id获得div对象 , 利用appChild()方式将添加了p标签的字符串在div内显示出来 。
怎样用js实现给一个字符串加上标签

文章插图

6在浏览器打开test.html文件 , 经由过程源代码查看成果 。
怎样用js实现给一个字符串加上标签

文章插图

总结:11、利用div标签建立一个模块 , 用于将生当作的标签添加至此处 。
2、利用createElement()方式建立一个p标签对象 。
3、把字符串str经由过程innerText属性赋值给p标签对象 。
4、经由过程id获得div对象 , 利用appChild()方式将添加了p标签的字符串在div内显示出来 。


以上内容就是怎样用js实现给一个字符串加上标签的内容啦 , 希望对你有所帮助哦!

    推荐阅读