zoukankan      html  css  js  c++  java
  • dom查询

    在JS中要想将自己的代码与网页有所联系,那就需要dom来实现。在dom中用多种方式进行元素的获取,这里就一一的列举。

    01:获取元素内部的html代码(innerHTML):方法

    通过一个变量在获取到html中内部所对应标签的id值。语法: 变量.innerHTML。当然单独这样我们是看不出什么的,我们 可以通过alert弹窗,或者document,来进行查看内容。对于自结束标签没有用。

    02获取一组元素节点对象:(getElementsByTagName)-方法

     查找所有的一种元素节点。我们可以用getElementsByTagName。这种方式会给我们返回一个类数组对象,所有查询的元素都会封装到对象中。语法:var 变量 = document.getElementsByTagName。当然了,既然是数组,我们就可以通过数组的方式进行它内容的查看,用for循环,将内容依次输出。

    如for(var i=0;i<变量.length;i++){ alert(变量[i].innerHTML) }。

    03根据name属性来获取一组元素节点对象: (getElementsByName)-方法

    返回值一样是一个数组用法与上述类似,只是getElementsByName访问的是一个元素中的name属性值。

    04获取子节点(childNodes)-属性

    表示当前节点的所有字节点。语法 var 变量 = 变量.childNodes。childNodes会获取我们元素节点的所有子节点,这就包括了文本节点包括空白的节点。所有有时候在找节点的时候就要分清楚有没有空白。

    firstChild表示获取当前节点的第一个子节点        lastChild表示当前节点的最后一个子节点

    05获取父节点和兄弟节点 -属性

    语法: 变量.parentNode 表示当前节点的父节点。

    语法: 变量.previousSibling 表示当前节点的前一个兄弟节点。

    语法: 变量.nextSibling 表示当前节点的后一个兄弟节点。

  • 相关阅读:
    图灵科普系列丛书封面有奖征集(贴图送书)
    图灵2010.03书讯
    博客园图灵杯第4届博问大赛(2.27~3.27)
    asp.net运行原理
    IIS与NET桥梁
    offsetParent解释
    XML 操作类库(开源项目)
    W3C不兼容问题(最根本的原因,及解决方案)
    深入理解JavaScript系列
    HttpApplication对象创建的细节
  • 原文地址:https://www.cnblogs.com/ccqq/p/11242854.html
Copyright © 2011-2022 走看看