js dom 获取标签对象

1.通过集合获取标签对象

常用方法:

all: 获取所有标签对象
forms:获取所有form标签对象
images: 获取所有img标签对象
links: 获取所有a标签对象


2.通过关系查询标签对象

常用方法:

父节点: parentNode属性
子节点: childNodes属性
第一个子节点: firstChild属性
最后一个子节点: lastChild属性
下一个兄弟节点: nextSibling属性
上一个兄弟节点: previousSibling属性
注意:

  1. childNodes属性,firstChild属性,lastChild属性获取的子节点包含了以下的元素:
    a)标签 1
    b)空格换行 3
    c)html注释 8
  2. 在子节点中筛选出标签出来呢?
    可以使用nodeType属性取出nodeType值为1的节点,就是标签对象

超链接
超链接

3.通过document方法获取标签对象

常用方法:
  1. document.getElementById("id属性值"); 最常用
    注意:
    1)使用该方法获取的标签一定要有id属性
    2)在同一个html页面中不要出现两个同名的id
  1. documetn.getElementsByName("name属性值"); 获取同name属性名的标签列表
    注意:
    1)使用该方法获取的标签一定要有name属性
  2. document.getElementsByTagName("标签名") 获取相同标签名的标签列表




用户名:

你可能感兴趣的:(js dom 获取标签对象)