首页 > 软件开发 > JavaScript >

document对象的属性和方法

来源:互联网 2023-03-16 23:59:40 版权归原作者所有,如有侵权,请联系我们

在做前端开发时,很多时候我们都会用到document对象,这个对象有些什么属性和方法呢?下面我们来看一下。IYL办公区 - 实用经验教程分享!

方法/步骤

  • 1

    首先比较常用的属性就是title属性了,可以得到页面的title标题。IYL办公区 - 实用经验教程分享!

    document对象的属性和方法IYL办公区 - 实用经验教程分享!

  • 1该信息未经授权抓取自百度经验
  • 2

    另外一个比较常用的属性就是location.href,可以得到页面的当前链接地址。IYL办公区 - 实用经验教程分享!

    document对象的属性和方法IYL办公区 - 实用经验教程分享!

  • 3

    而方法上,最常用的莫过于getElmentById了,这是通过id得到dom元素的方法。我们要操作页面dom元素,就要通过这个方法来先获取到dom的。IYL办公区 - 实用经验教程分享!

    document对象的属性和方法IYL办公区 - 实用经验教程分享!

  • 4

    另一个方法 getElementsByName 是通过标签名来获取到页面上所有这个标签的dom元素。IYL办公区 - 实用经验教程分享!

    IYL办公区 - 实用经验教程分享!

    document对象的属性和方法IYL办公区 - 实用经验教程分享!

  • 5

    为了看到更详细的属性,我们可以在脚本里添加debugger标记来中断程序。IYL办公区 - 实用经验教程分享!

    document对象的属性和方法IYL办公区 - 实用经验教程分享!

  • 6

    运行页面,中断后,我们可以看到document对象的所有属性内容了。IYL办公区 - 实用经验教程分享!

    document对象的属性和方法IYL办公区 - 实用经验教程分享!

  • 7

    还有一些常用的事件属性。IYL办公区 - 实用经验教程分享!

    document对象的属性和方法IYL办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!IYL办公区 - 实用经验教程分享!


    标签: HTMLJAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号