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

    操作标签

    文本内容操作

  • 相关阅读:
    vs2005设置断点不能调试问题(方法三为首选项,一般都可以解决)
    SQL中内连接和外连接的问题!
    javascript读写删cookie的简单方法
    数据库语句 select * from table where 1=1 的用法和作用
    gridview 和repeater 添加序号的方法
    asp.net Forms身份验证详解(转载)
    Asp.net中的认证与授权(转载)
    ASP.NET中前台javascript与后台代码调用
    android 模拟器不能上网解决方法
    大数据量系统架构
  • 原文地址:https://www.cnblogs.com/tata-learning/p/11992866.html
Copyright © 2011-2022 走看看