DOM常用技术

1、DOM:文档对象模型,是表示文档(如HTML文档)和访问、操作构成文档的各种元素(如HTML标记和文本串)的应用程序接口(API)。

 

2、在DOM中,文档的层次结构被表示成一颗倒立的树,树根在下,树叶在下,树节点表示文档中的内容。其中,DOM树的根节点是哥Document对象,该对象的documentElement属性引用表示文档根元素的Element对象。对于HTML文档,表示文档根元素的Element对象是<html>标记,<head>和<body>元素是树的枝干。

 

3、获取文档中的指定元素

有两种直接搜索文档中指定元素的方法:通过元素ID属性获取元素和通过元素的name属性获取元素

1)通过元素ID属性获取元素

使用document对象的getElementsById()方法可以通过元素的ID属性获取元素。例如,获取文档中id属性为useId的节点的代码如下:

document.getElementsById("useId");

2)通过元素的name属性获取元素

使用document对象的getElementsByName()方法可以通过元素的name属性获取元素。例如,获取文档中name属性值为userName的节点代码如下:

document.getElementsByName("userName");

两者的区别:

getElementsByName()方法返回值为一个数组,getElementsById()方法返回的是一个元素。如果想通过name属性获取页面中唯一的元素,可以通过获取返回数组中下标为0的元素进行获取。如:

document.getElementsByName("userName")[0];

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值