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 表示当前节点的后一个兄弟节点。

  • 相关阅读:
    张建(北京工业大学软件学院副教授)_百度百科
    孤独患者马天宇:独自生存我也会适应得很好_红人访_腾讯娱乐_腾讯网
    zz
    java~springboot~ibatis Invalid bound statement (not found)原因
    数据库~dotnetcore连接Mysql插入中文失败
    k8s~术语解释
    springboot~让我习惯了TDD的开发模式
    POJ 2498 Martian Mining
    Java中的DeskTop类
    我和ip_conntrack不得不说的一些事
  • 原文地址:https://www.cnblogs.com/ccqq/p/11242854.html
Copyright © 2011-2022 走看看