如何用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值
  • 热门搜索
    观光旅游线路 淳安千岛湖旅游 陕西省旅游网 吉林旅游攻略 天智旅游网 哈尔滨旅游资讯网 中国旅游资讯 连江旅游景点大全 到黄山旅游 旅游策划书怎么写