如何用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值
  • 热门搜索
    珠峰旅游 大学自我鉴定怎么写 如何给电脑设置开机密码 扎啤怎么做 如何设置默认浏览器 学西点哪里好 excel怎么打分数 如何填报高考志愿 一加7pro怎么样 生日低调发朋友圈