zoukankan      html  css  js  c++  java
  • 动态创建html内容时所用的W3C DOM属性和方法

    document的属性和方法: 
     document.createElement(tagName) :文档对象上的createElement方法可以创建由tagName指定的元素.如果以串div作为方法参数,就会生成一个div元素.
     
     document.createTextNode(text) :文档对象的createTextNode方法会创建一个包含静态文本text的文本节点. 
     document.createAttribute(): 用指定的名字创建新的Attr节点. 
     document.createComment() :用指定的字符串创建新的Comment节点. 
     document.getElementById(): 返回文档中具有指定id的Element节点. 
     document .getElementsByTagName(): 返回文档中具有指定标记名的所有Element节点.返回为一Element节点数组; 



     节点的属性和方法: 
     appendChild(childNode) :appendChild方法将指定的节点增加到当前元素的子节点列表(作为一个新的子节点).例如,可以增加一个option元素,作为select元素的子节点. 
    getAttribute(name) : 该方法用来获得元素中name属性的值. 
    setAttribute(name,value) : 该方法用来设置元素中name属性的值. 
    insertBefore(newNode,targetNode) :该方法将节点newNode作为当前元素的子节点插到targetNode子节点元素的前面. 
    removeAttribute(name) :该方法从元素中删除属性name. 
    removeChild(childNode) :该方法从元素中删除子元素childNode. 
    replaceChild(newNode,oldNode) :该方法将节点oldNode替换为节点newNode.
    hasChildNodes() :该方法返回一个布尔值,指示元素是否有子元素. 
    tagName :元素的标记名称,比如<p>元素为PHTML文档返回的tagName均为大写;
    getAttributeNode() :以Attr节点的形式返回指定属性的值;
    getElementsByTagName() :返回一个Node数组,包含具有指定标记名的所有Element节点的子孙节点,其顺序为在文档中出现的顺序.
    hasAttribute() :如果该元素具有指定名字的属性,则返回true;
    removeAttributeNode() :从元素的属性列表中删除指定的Attr节点.
    setAttributeNode() :把指定的Attr节点添加到该元素的属性列表中.
    cloneNode(true) :复制当前节点,true表示复制当前节点以及它的所有子孙节点.

    Node对象常用属性:
    <element>.attributes :如果该节点是一个Element,则以namedNodeMap形式返回该元素的属性.
    <element>.childNodes :以Node[]的形式存放当前节点的子节点.如果没有子节点,则返回空数组.
    <element>.firstChild :以Node的形式返回当前节点的第一个子节点.如果没有子节点,则为null.
    <element>.lastChild :以Node的形式返回当前节点的最后一个子节点.如果没有子节点,则为null.
    <element>.nextSibling :以Node的形式返回当前节点的兄弟下一个节点.如果没有这样的节点,则返回null.
    <element>.previousSibling :以Node的形式返回紧挨当前节点,位于它之前的兄弟节点.如果没有这样的节点,则返回null.
    <element>.parentNode :以Node的形式返回当前节点的父节点.如果没有父节点,则返回null.
    <element>.nodeType :代表节点的类型.
    <element>.nodeName :节点的名字,Element节点则代表Element的标记名称.

  • 相关阅读:
    vue移动端滚动插件BetterScroll
    vue商品推荐信息展示 案例
    css吸顶效果
    vue TabControl案例
    首页导航栏样式 案例
    HO引擎近况20210713
    go定时器--timer
    go定时器--Ticker
    Go测试--main测试
    Spring 核心技术 AOP 实例
  • 原文地址:https://www.cnblogs.com/xiao-xue/p/7091680.html
Copyright © 2011-2022 走看看