zoukankan      html  css  js  c++  java
  • DOM对象选择器,属性及操作内容

    一、DOM全程是document object model,DOM是针对文档的,所欲页面上的东西都是DOM。BOM全程是bowers object model,bom是针对浏览器的。

    二、DOM的选择器主要有四种,id选择器,class选择器,name选择器,标签选择器。除了ID选择器,其他的都是getElements,而且都有Name,首字母必须大写。

    1.id选择器

    document.getElementById("divid").innerHTML = "啦啦啦啦啦";
    2.class选择器
    var divc = document.getElementsByClassName("divclass");
      alert(typeof(divc));
    divc[0].innerHTML = "嘿嘿嘿嘿";
    divc[1].innerHTML = "哈哈哈哈";
    for(var i = 0 ;i<divc.length;i++)
    {
    divc[i].innerHTML += "略略略略";
    }
    3.标签选择器
    document.getElementsByTagName("div")[0].innerHTML += "耶耶耶耶";
    4.name选择器
    document.getElementsByName("inputname")[0].value = "哒哒哒嗒";
    var input = document.getElementsByName("inputname")[0].value;
    alert(input);

    三、innerHTML是可以读取标签,innerTEXT不能读取标签。

    四、操作属性:

    设置属性:setAttribute

    获取属性:getAttribute

    移除属性:removeAttribute

    五、获取样式时有个坑,就是内嵌的css模式不可以获取样式,切记,切记!

  • 相关阅读:
    Day 09 文件处理
    Day 08 字符编码
    day 07 猜年龄
    Day 07 元组/字典/集合/python深浅拷贝
    Day 06 猜年龄/三级菜单
    并发编程-Atomic的compareAndSet
    并发编程-多线程共享变量不安全
    Spring boot Junit单元测试回滚
    Java 不区分大小写比较字符串
    IDEA 设置html 和js热发布
  • 原文地址:https://www.cnblogs.com/mengshenshenchu/p/6596246.html
Copyright © 2011-2022 走看看