zoukankan      html  css  js  c++  java
  • js--获取和设置css属性

    在这一章我们讲述一下如何通过js来操作css中的属性

    1,首先,我们想获取元素的一些属性。例如innerHTML,value等值时,我们可以

    var object=document.getELementById(id);

    var  aa=object.innerHTML或者var bb=object.value;

    此外对于这些属性的设置,我们也可以直接设置

    object.innerHTML="###"

    object.value="####"

    2,对于width,height,background-color,等等其他的属性我们可以通过以下的方法设置他的值

    Object.style.property="###";

    有人说,我们可不可以通过var aa=Object.style.property;来获取某个属性值啊?

    回答是不可以的,上述方式无法获得属性值。

    对于这些属性的获取就很复杂了,我们要考虑浏览器兼容问题(我们在这里封装成一个函数,其中node就是我们要改变属性值的那个元素,property对应是的就是要改变得属性)

    function getStyle(node, property){
    
    if (node.style[property]) {
    return node.style[property];
    } 
    else if (node.currentStyle) {
    return node.currentStyle[property];
    
    }else if (document.defaultView && document.defaultView.getComputedStyle) {
    return document.defaultView.getComputedStyle(node, null)[property];
    }
     return null;
    }
  • 相关阅读:
    Docker常用命令
    Spark资源管理
    在Centos 7上安装Docker
    Docker网络管理
    Tensorflow 入门
    Spark远程调试函数
    Spark核心组件
    Spark job执行流程消息图
    数据库优化实践【性能检测工具篇】
    软件工程之系统建模篇【设计数据模型】
  • 原文地址:https://www.cnblogs.com/yuaima/p/5113281.html
Copyright © 2011-2022 走看看