zoukankan      html  css  js  c++  java
  • JS操作DOM的一些常用方法

    getElementById():获取有指定惟一ID属性值文档中的元素
    getElementsByName(name):返回的是数组
    getElementsByTagName():返回具有指定标签名的元素子元素集合

    getAttribute():返回指定属性名的属性值

    document.getElementsByTagName("a")[0].getAttribute("target");
    

    setAttribute():添加指定的属性,并为其赋指定的值。

    document.getElementsByTagName("INPUT")[0].setAttribute("type","button");
    

    节点属性:

    节点名称(只读):nodeName
    节点值: nodeValue
    节点类型(只读):nodeType

    子节点:

    ele.childNodes 返回数组
    firstChild
    lastChild

    父节点

    parentNode 只有一个

    兄弟节点

    nextSibling 某节点之后紧跟的节点
    previousSibling

    插入节点

    appendChild() 插入在最后
    insertBefore(newnode,node)在node节点之前

    删除节点

    removeChild(node) 成功返回被删除的节点 失败返回null

    替换元素节点

    replaceChild(newnode,oldnode) 实现子节点对象的替换

    创建元素节点

    createElement()

    创建文本节点

    createTextNode()

    复制节点

    需要被复制的节点.cloneNode(true/false)
    true复制当前节点极其所以子节点,false仅复制当前节点

  • 相关阅读:
    BZOJ 1050 旅行
    BZOJ 1040 骑士
    BZOJ 1038 瞭望塔
    BZOJ 1037 生日聚会
    BZOJ 1823 满汉全席
    BZOJ 3091 城市旅行
    CF702E Analysis of Pathes in Functional Graph
    Luogu 2154 [SDOI2009]虔诚的墓主人
    Luogu 1268 树的重量
    Luogu 4867 Gty的二逼妹子序列
  • 原文地址:https://www.cnblogs.com/xjuan/p/5443589.html
Copyright © 2011-2022 走看看