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模式不可以获取样式,切记,切记!

  • 相关阅读:
    【PAT甲级】1054 The Dominant Color
    【PAT甲级】1001 A+B Format
    【算法】二分排序和二分查找
    【PAT甲级】1008 Elevator (20分)
    移动端工作准备
    媒体查询
    多列布局
    怪异盒模型
    弹性盒
    圆角
  • 原文地址:https://www.cnblogs.com/mengshenshenchu/p/6596246.html
Copyright © 2011-2022 走看看