博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
五种实用DOM方法总结
阅读量:4356 次
发布时间:2019-06-07

本文共 914 字,大约阅读时间需要 3 分钟。

DOM:Document Object Model 文档对象模型
对象的三种类型:用户定义类型、内建对象、宿主对象
节点类型:元素节点、文本节点、属性节点
getElementById()方法:
  1. 将返回一个与那个有着给定id属性值的元素节点相对应的对象
  2. 这是document对象特有的函数,函数名后面必须跟着一对圆括号,这对圆括号包含着函数的参数
  3. getElementById方法只有一个参数就是你想获得的id值,必须放在单引号或者双引号里面,再放在圆括号里面。
  4. 例子:document.getElementById("purchases") 这个调用将返回一个对象,这个对象对应着document对象里一个独一无二的元素,那个元素的id属性值是purchases。
  5. 获取没有id属性的对象用getElementByTagName方法
getElementByTagName()方法:
  1. 将返回一个对象数组
  2. 只有一个参数,它的参数是标签的名字
  3. 例子:document.getElementByTagName("li")
  4. getElementByTagName允许把一个通配符(*)作为它的参数
getElementByClassName()方法:
  1. 将返回一个具有相同类名的元素数组
  2. 只有一个参数,那就是类名
  3. 还可以查找多个类名的元素,指定多个类名,只需在字符串参数中用空格分隔类名即可
  4. 这个方法比较新,较新的浏览器才支持
getAttribute()方法:
  1. 这是一个函数,它只有一个参数--你打算查询的属性的名字
  2. getAttribute方法不属于document对象,只能通过元素节点对象调用
  3. 例子:p.getAttribute("title")    ---获取p元素的title属性
setAttribute()方法:
    1. 只能用于元素节点,用于对属性节点的值做出修改
    2. 此方法可以修改文档中任何一个元素的任何一个属性
    3. 有两个参数,一个是属性名。一个是属性值
    4. 例子:sex.setAttribute("title","good") 

转载于:https://www.cnblogs.com/cleverlee/p/4992358.html

你可能感兴趣的文章
Git clone 报错 128
查看>>
在Python中执行普通除法
查看>>
编译原理(第三版) 语法分析器
查看>>
c# 动态绘制直线和曲线
查看>>
Spring理解?
查看>>
删除无限循环的文件夹-删除递归文件夹
查看>>
Test
查看>>
C# 整理
查看>>
AngularJS中使用$resource
查看>>
[poj3261]Milk Patterns(后缀数组)
查看>>
[luogu3369]普通平衡树(fhq-treap模板)
查看>>
题解 P2799 【国王的魔镜】
查看>>
写写代码,注意注意细节
查看>>
css Backgroud-clip (文字颜色渐变)
查看>>
安装 OpenSSL 工具
查看>>
用长微博工具发布长微博
查看>>
大庆金桥帆软报表案例
查看>>
JavaScript BOM加载事件
查看>>
Java复习总结——详细理解Java反射机制
查看>>
Navicat for MySQL10.1.7注册码
查看>>