• javascript_basic_04之节点、元素


    1、DOM:文档对象模型,Document Object Model;

    2、BOM:浏览器对象模型,Browser Object Model;

    3、DOM组成:核心DOM,XML DOM,HTML DOM;

    4、节点树:

           ①document node:文档节点,document为根节点;②element node:元素节点;③attribute node:属性节点;④text node:文本节点;⑤comment node:注释节点;

    5、选取元素:

           ①通过ID选取页面元素:document.getElementById(“id名”);②通过标签名选取页面元素:element.getElementByTagName(“标签名”);③通过元素class属性获取元素:element.getElementByClassName(“class属性名”);

    6、通过节点关系获取元素:

           ①parentNode:当前元素父节点元素;②childNodes:当前元素所有子节点元素(数组);③firstChild:当前元素第一个子元素;④lastChild:当前元素最后一个子元素;⑤previousSibling:当前元素上一个兄弟节点元素;⑥nextSibling:当前元素下一个兄弟节点元素;

    7、通过元素关系获取节点:

           ①children:当前元素的所有子级节点;②firstElementChild:当前元素第一个子级节点;③lastElementChild:当前元素最后一个子级节点;④previousElementSibling:当前元素前一个兄弟节点;⑤nextElementSibling:当前元素后一个兄弟节点;

    8、元素文本的获取设置:

      ①innerHTML:获取设置元素的html内容;②textContent:获取设置元素的文本内容;

    9、读取元素属性:

      ①elem.attributes【下标】.value;②elem.attributes【“属性名”】.value;③elem.getAttributeNode(“属性名”).value;④elem.getAttribute(“属性名”);

    10、修改元素属性:

      ①elem.setAttribute(name,value);②elem.setAttributeNode(attrNode);

    11、元素内联样式:

      ①获取:elem.style.属性名;②设置:elem.style.属性名=“值”;

    12、获取元素内外部样式:

      ①DOM:document.defaultView.getComputedStyle(元素对象).style;②IE:元素对象.currentStyle.属性;

    13、设置修改内外部样式值:

      步骤①:获得包含属性的样式表对象:var sheet=document.styleSheets【下标】;步骤②:获取样式规则集合:var rules=sheet.rules;步骤③:获取目标样式规则:var rule=rules【下标】;步骤④:rule.style.属性名;

    It's never too old to learn!
  • 相关阅读:
    13.kubernetes之pv,pvc,configmap(带补充实例)
    1.docker 数据卷的备份和恢复(非大数据量)
    mysql基础 事务的认识和使用
    jdbc基础 (四) 批处理
    jdbc基础 (三) 大文本、二进制数据处理
    mysql使用基础 sql语句(一)
    linux下安装openssh-server
    jdbc基础 (二) 通过properties配置文件连接数据库
    jdbc基础 (一) MySQL的简单使用
    windows API 开发飞机订票系统 图形化界面 (四)
  • 原文地址:https://www.cnblogs.com/Jupiter258/p/5873632.html
Copyright © 2020-2023  润新知