• HTML DOM总结


    document.documentElement //返回存在于 XML 以及 HTML 文档中的文档根节点。
    document.body //这是对HTML页面的特殊扩展,提供了对 <body>标签的直接访问。
    
    document.all //返回包含所有元素的对象
    document.all[i] //第i个元素对象
    document.all[name] //选取指定名字的对象
    document.all.tags[tagname] //选择指定的标签对象
    document.anchors //返回包含所有超链接的对象
    document.forms //返回包含所有超链接的对象
    document.images //返回包含所有超链接的对象
    document.links //返回包含所有 area 和 link 的对象
    
    document.lastModified; //文档最后修改时间
    document.cookie //返回与文档有关的cookie
    document.domain //返回域名
    document.referrer //访问当前页,是否为超链接跳转方式,不是则返回 null
    document.title //文档标题
    document.URL //当前url地址
    document.open("text/html","replace") //打开输出流
    document.close() //关闭一个由 document.open 方法打开的输出流,并显示选定的数据
    document.createElement(tag) //创建元素节点
    document.createTextNode(str) //创建文本节点
    
    
    element = document.getElementById(id).getElementsByTagName(tag)
    element.nodeName 
    element.nodeType 
    element.nodeValue
    element.previousSibling //上一个兄弟节点
    element.nextSibling //下一个兄弟节点
    element.hasChildNodes() //是否有子节点
    element.hasAttributes() //是否拥有属性
    element.hasAttribute(name) //是否拥有指定的属性
    element.getAttribute(attr)
    element.setAttribute(name, value)
    element.parentNode.nodeName
    element.firstChild.nodeValue
    element.lastChild.nodeType
    element.childNodes[0].nodeValue
    element.childNodes.item(0).nodeName
    
    child = document.getElementById('id')
    parent = document.getElementById('id')
    parent.appendChild(child)//追加节点
    parent.insertBefore(newChild, beforeChald) //追加到父节点指定的子节点之前
    
    child = document.getElementById('id')
    child.parentNode.removeChild(child) //删除节点
    newNode = document.getElementById('id')
    child.parentNode.replaceChild(newNode, child)//替换节点
  • 相关阅读:
    Js/Jquery获取iframe中的元素
    js常用技巧汇总
    jquery常用技巧
    Tomcat远程调试
    常用SQL
    CRM-stark组件
    面试题-linux基础
    vue2-通过axios实现数据请求
    Vue01
    面试题之python基础
  • 原文地址:https://www.cnblogs.com/zbseoag/p/2973781.html
Copyright © 2020-2023  润新知