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

    操作标签

    文本内容操作

  • 相关阅读:
    新基建的福音:智慧楼宇可视化监控系统引领智能化新时代
    基于 HTML5 和 WebGL 的地铁站 3D 可视化系统
    基于 HTML5 WebGL 的医疗物流系统
    基于 HTML5 的 PID-进料系统可视化界面
    基于 HTML5 Canvas 的可交互旋钮组件
    基于 HTML5 WebGL 的民航客机飞行监控系统
    基于 HTML5 Canvas 的元素周期表展示
    基于 HTML5 换热站可视化应用
    基于 HTML5 WebGL 的 3D 智慧隧道漫游巡检
    【python 爬虫】fake-useragent Maximum amount of retries reached解决方案
  • 原文地址:https://www.cnblogs.com/tata-learning/p/11992866.html
Copyright © 2011-2022 走看看