前端学堂 http://www.felearn.com
当前位置首页 > 前端技术 > HTML> 正文

使用js添加标签?

2021-07-02 13:59:02 暂无评论 98 HTML 获取   标签   怎么

1

/6

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

2

/6

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

3

/6

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

4

/6

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

5

/6

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

6

/6

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

怎么用JS获取HTML标签内的内容?

1、打开html编辑器,新建一个html文件,文件内写入基本的html结构,设置一个p标签,再设置一个按钮:

2、这里需要给按钮绑定一个click事件,函数名为show,当点击按钮时,就会弹出p标签中的内容。script标签中编写脚本,只要用getElementsByTagName获取p标签的dom元素就可以了,“[0]”表示第一个元素,之后用alert弹出p标签的内容就完成了程序的编写:

3、最后,用浏览器打开html文件,可以看到p标签和按钮:

4、接着点击按钮即可弹出p标签的内容,以上就是用js获取HTML标签的方法: