Javascript如何获取body内容

获取方法:1、使用innerHTML属性,语法“body对象.innerHTML”;2、使用innerText属性,语法“body对象.innerText”;3、使用textContent属性,语法“body对象.textContent”。

Javascript如何获取body内容

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

方法1:使用innerHTML属性

此方法可获取标签中的所有的内容,包括标签、空格、文本、换行等。

想要清空标签的内容,innerHTML = “”;即可

立即学习“Java免费学习笔记(深入)”;

如果想要设置标签中的内容,innerHTML = “填写想要设置的标签和内容”;设置内容时,会把原有的内容全部覆盖。

代码示例:

nbsp;html>div{border: 2px dashed #006DAF;padding: 10px;width: 300px;}p{border: 2px dashed #006DAF;padding: 10px;}
div元素

一个标题

一个段落


var body = document.getElementById('body'); // 获取标签的内容 var body = body.innerHTML; console.log(body);

登录后复制

效果图:

1.png

方法2:使用innerText属性

此方法获取标签(及其子标签)中的所有文本,不会获取标签(或者说可以过滤掉所有的标签)。如果有多个空格或者是换行,解析为一个空格。

如果想要清空标签的内容,innerText = “”;即可

如果想要设置标签中的内容,innerText = “填写想要设置的标签和内容”;设置内容时,会把原有的内容全部覆盖。但是标签不会被解析,会直接以文本的形式打印在页面中。

代码:

var body = document.getElementById('body'); // 获取标签的内容 var body = body.innerText; console.log(body);

登录后复制

效果图:

2.png

方法3:使用textContent属性

textContent来获取标签中的内容。但是textContent在过滤掉标签时,会保留标签结构。

代码示例:

var body = document.getElementById('body'); // 获取标签的内容 var body = body.textContent; console.log(body);

登录后复制

效果图:

3.png

【推荐学习:javascript高级教程】

以上就是Javascript如何获取body内容的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2709619.html

(0)
上一篇 2025年3月7日 20:42:52
下一篇 2025年2月22日 15:55:55

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • javaweb与javascript区别是什么

    区别是:1、javaweb是网页代码,javascript是一种页面脚本语言,可以实现各种页面的动态效果,比如弹框,隐藏等;2、javascript一般在前台运行,要求浏览器要支持js,而javaweb是在后台服务器上的。 本教程操作环境:…

    2025年3月7日
    200
  • javascript函数一定要定义吗

    javascript函数不需要定义,直接使用参数即可,但类型要对应;javascript对参数类型控制不严格,例如“function myFunction(a,b){}”也是可以的。 本教程操作环境:windows7系统、javascrip…

    2025年3月7日
    200
  • javascript数组如何转为string

    实现方法有:1、使用toString()方法,把每个元素转换为字符串,逗号连接输出显示;2、使用toLocalString()方法,使用用户所在地区特定的分隔符把字符串连接起来;3、使用join()方法,可以指定分隔符。 本教程操作环境:w…

    2025年3月7日
    200
  • javascript如何设置width

    javascript中可以使用style对象来设置width,语法为“document.getElementById(“元素名称”).style.width=”值””。Style对象代表一个单…

    2025年3月7日 编程技术
    200
  • javascript出现同名方法会怎样

    如果在两个同名同参的JS方法同一个代码段内部,则最后加载的方法会将前一个覆盖掉,反之,如果能在当前代码段找到对应的方法,就立即调用。 本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。 在JS中,如…

    2025年3月7日
    200
  • javascript中defer是什么

    defer告诉浏览器Script段包含了无需立即执行的代码,并且与SRC属性联合使用,它还可以使这些脚本在后台被下载,前台的内容则正常显示给用户;语法“js代码”。 本教程操作环境:windows7系统、javascript1.8.5版、D…

    2025年3月7日
    200
  • javascript如何删除指定数组元素

    删除方法:1、使用delete关键字;2、使用splice()操作方法;3、迭代方法,用循环迭代数组元素,发现符合要删除的项则删除;4、prototype原型方法,在Array的原型上添加方法来达到删除的目的。 本教程操作环境:window…

    2025年3月7日
    200
  • javascript怎么定义类数组对象

    javascript定义类数组对象的方法是:1、首先创建一个空对象;2、为对象直接定义数字下标的属性;3、关键点,为对象设置length属性和splice属性为数字和函数。 本教程操作环境:windows7系统、javascript1.8.…

    2025年3月7日
    200
  • JavaScript的内部方法有什么

    js内置函数是浏览器内核自带的,不用任何函数库引入就可以直接使用的函数。javascript内置函数一共可分为五类:1、常规函数;2、数组函数;3、日期函数;4、数学函数;5、字符串函数。 本教程操作环境:windows7系统、javasc…

    2025年3月7日
    200
  • javascript预编译做了啥

    javascript预编译做了:1、语法分析,就是引擎检查你的代码有没有什么低级的语法错误;2、预编译,简单理解就是在内存中开辟一些空间,存放一些变量与函数 ;3、解释执行,顾名思义便是执行代码了。 本教程操作环境:windows7系统、j…

    2025年3月7日
    200

发表回复

登录后才能评论