五种实用DOM方法总结

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")
上一篇:SDAccel-FPGA将带来至多25倍单位功耗性能提升


下一篇:Codeforces Round #154 (Div. 2) : B