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; //上一个兄弟标签元素

    操作标签

    文本内容操作

  • 相关阅读:
    Docker学习笔记之常见 Dockerfile 使用技巧
    Docker学习笔记之通过 Dockerfile 创建镜像
    Docker学习笔记之保存和共享镜像
    Linux学习笔记之Linux环境变量总结
    Docker学习笔记之Docker的数据管理和存储
    Docker学习笔记之为容器配置网络
    Prometheus监控学习笔记之360基于Prometheus的在线服务监控实践
    Java学习笔记之Linux下的Java安装和配置
    Prometheus监控学习笔记之教程推荐
    ROS学习笔记(一) # ROS参数服务器
  • 原文地址:https://www.cnblogs.com/tata-learning/p/11992866.html
Copyright © 2011-2022 走看看