如何用js获取标签里的文字

 时间:2026-02-14 02:11:09

1、新建一个html文件,命名为test.html,用于讲解如何用js获取标签里的文字。

如何用js获取标签里的文字

2、在test.html文件内,使用p标签创建一段文字,并且设置其id属性为pp,用于下面通过该id获得p标签对象。

如何用js获取标签里的文字

3、在test.html文件内,使用button标签创建一个按钮,实现点击按钮,执行js函数获得p标签里的文字。

如何用js获取标签里的文字

4、在test.html文件内,再使用p标签创建一个显示获得的p标签文字的区域,并将文字的颜色设置为红色。

如何用js获取标签里的文字

5、给button绑定onclick点击事件,当按钮被点击时,执行getdata()函数。

如何用js获取标签里的文字

6、在js标签内,创建getdata()函数,在函数内,使用getElementById()方法获p标签对象,并使用innerHTML属性获得p标签里的文字,最后,再使用innerHTML属性将获得的文字显示在id为out的p标签里。

如何用js获取标签里的文字

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

如何用js获取标签里的文字

如何用js获取标签里的文字

  • js字符串转数字
  • html中怎么隐藏input标签
  • jquery如何获取textarea输入框的内容
  • sql删除语句
  • js如何获取input的value值
  • 热门搜索
    一年级手抄报大全 抗战手抄报 关于重阳节的手抄报简单又漂亮 有趣的汉字手抄报图片 和谐校园手抄报 关爱生命文明出行手抄报 英语手抄报设计 创建卫生城市手抄报 母亲手抄报大全 我的寒假生活手抄报