API

DOM

 元素节点

获取元素

Document.getElementsByClassName()

 

原文链接  
  https://developer.mozilla.org/zh-CN/docs/Web/API/Document/getElementsByClassName
描述 返回一个包含了所有指定类名的子元素的类数组对象。当在document对象上调用时,会搜索整个DOM文档,包含根节点。你也可以在任意元素上调用getElementsByClassName() 方法,它将返回的是以当前元素为根节点,所有指定类名的子元素。 语法 var elements = document.getElementsByClassName(names); // or: var elements = rootElement.getElementsByClassName(names); elements 是一个实时集合,包含了找到的所有元素。 属性 names 是一个字符串,表示要匹配的类名列表;类名通过空格分隔

  

 

 

属性操作:

  1. removeAtrribute()
  2. setrribute()
  3. getAttibute()
  4. hasAtrribute()
方法名
  removeAtrribute()
原文链接
  https://developer.mozilla.org/zh-CN/docs/Web/API/Element/removeAttribute
语法
  element.removeAttribute(attrName);
描述
  removeAttribute() 从指定的元素中删除一个属性  
参数  
  attrName:指定要从元素中删除的属性的名称的DOMString。如果指定的属性不存在,则返回removeAttribute(),不会生成错误。
返回值
  IE 返回boolean类型值,其他返回undefined

  

方法名
  setAtrribute()
原文链接
  https://developer.mozilla.org/zh-CN/docs/Web/API/Element/setAttribute

语法
    let attribute = element.setAttribute(name, value);
描述  
    setAttribute(name, value)设置指定元素上的某个属性值。如果    属性已经存在,则更新该值;否则,使用指定的名称和值添加一个新的属性。
参数
  name:表示属性名称的字符串
  value:属性的值/新值
返回值
  undefined

  

方法
  getAttibute()
原文链接
  https://developer.mozilla.org/zh-CN/docs/Web/API/Element/getAttribute
语法
    let attribute = element.getAttribute(attributeName);
描述
  getAttribute(attributeName)返回元素上一个指定的属性值。如果指定的属性不存在,则返回  null 或 ""(空字符串)
  attribute:是一个包含 attributeName 属性值的字符串。
参数
  attributeName:是你想要获取的属性值的属性名称。 

 

方法名
    hasAtrribute()
原文链接
    https://developer.mozilla.org/zh-CN/docs/Web/API/Element/hasAttribute
语法 
    var result = element.hasAttribute(attName); 
描述 
    hasAttribute 返回一个布尔值,指示该元素是否包含有指定的属性(attribute) 
参数 
    attName 是一个字符串,表示属性的名称。 
返回值 
    result 为返回的布尔值:true 或 false

  

 

 

 

 

 

 

 

 

 

 

 

 

 

HTMLCollection vs. NodeList

posted @ 2019-07-21 14:28  知一以天  阅读(274)  评论(0编辑  收藏  举报