zoukankan      html  css  js  c++  java
  • 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!
  • 相关阅读:
    Python利用Remove.bg接口自动消除图片背景
    解决ajxa跨域问题
    CentOS7 修改静态IP
    CentOS下 安装composer 与tp5.1
    centon 安装php-fpm+Nginx
    win10 安装selenium和使用
    Scrapy 爬虫框架入门
    Python 异常处理
    selenium和phantomjs的介绍
    MongoDB入门
  • 原文地址:https://www.cnblogs.com/Jupiter258/p/5873632.html
Copyright © 2011-2022 走看看