zoukankan      html  css  js  c++  java
  • HTML基础之DOM操作

    DOM(Document Object Model 文档对象模型)

    一个web页面的展示,是由html标签组合成的一个页面,dom对象实际就是将html标签转换成了一个文档对象。可以通过dom对象中js提供的方法,找到html的各个标签。通过找到标签就可以操作标签使页面动起来,让页面动起来。

    获取标签

    // 直接获取标签
     
    document.getElementById('i1'); //获取id为i1的标签
     
    document.getElementsByTagName('div'); //根据标签名称获得标签数组
     
    document.getElementsByClassName('c1'); //根据class属性获取标签的数组
     
    document.getElementsByName('dsx'); //根据name属性获取标签数组
     
    // 间接获取标签
     
    var tmp=document.getElementById('h-test');
     
    tmp.parentElement; // 父节点标签元素
     
    tmp.children; //所有子标签
     
    tmp.firstElementChild; //第一个子标签元素
     
    tmp.lastElementChild; // 最后一个子标签元素
     
    tmp.nextElementSibling; //下一个兄弟标签元素
     
    tmp.previousElementSibling; //上一个兄弟标签元素

    操作标签

    文本内容操作

  • 相关阅读:
    matcaffe的blob维度顺序
    ftp同步代码
    SpringCloud的微服务网关:zuul(实践)
    SpringCloud的微服务网关:zuul(理论)
    SpringCloud的服务消费者 (二):(rest+feign/ribbon)声明式访问注册的微服务
    SpringCloud的服务消费者 (一):(rest+ribbon)访问注册的微服务
    SpringCloud的服务注册中心(二)注册中心服务端和两个微服务应用客户端
    Jetty入门(1-3)Eclipse集成gradle-Gretty插件或maven-jetty插件运行应用
    HTTP协议扫盲(三)HTTP协议的请求头列表和分类描述
    Jetty入门(1-2)eclipse集成jetty插件并发布运行应用
  • 原文地址:https://www.cnblogs.com/tata-learning/p/11992866.html
Copyright © 2011-2022 走看看