zoukankan      html  css  js  c++  java
  • JS中style属性

    JS中style属性
    现在我需要对这个标签赋值,其内容为: 
    1、需要显示的字为“HELLO WORLD”; 
    2、span的 background-color : red ,另外还要:border:1px solid #333333;cursor:hand; 
    我需要在<script></script>内把他们赋值,请问怎么写呢?难道要: 
    document.getElementById("a").style.background="red"; 来一项一项的写? 
    能不能一下子把style写完啊,怎么写啊? 
    解决办法:
    1、先定义一个CSS规则,然后this.className=''
    2、document.getElementById("a").style.cssText="border-collapse:collapse;border-spacing:1;border:1 solid #0B2565;color:black;"

    JS操作css的float属性的特殊写法
    使用js操作css属性的写法是有一定的规律的:

    1、对于没有中划线的css属性一般直接使用style.属性名即可。
    如:obj.style.margin,obj.style.width,obj.style.left,obj.style.position等。

    2、对于含有中划线的css属性,将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。
    如:obj.style.marginTop,obj.style.borderLeftWidth,obj.style.zIndex,obj.style.fontFamily等。

    这个规律我想大多数的前端开发者也都熟知。但在css中有一个特殊的属性其js使用方法比较特殊。
    这个特殊的属性就是:float。我们不能直接使用obj.style.float来使用,这样操作是无效的。

    其正确的使用方法是为:IE:obj.style.styleFloat,其他浏览器:obj.style.cssFloat。

    注:style不论添加样式,还是获取样式,都是对行间样式的操作。

  • 相关阅读:
    js 数组分解 解构
    js math 对数和指数处理 expm1 log1p
    highcharts 坐标轴 数值 格式化
    libvirt-qemu-虚拟机设备热插拔
    Linux设备驱动程序加载/卸载方法 insmod和modprobe命令
    mount、umount、fuser命令使用小结
    Linux安全策略配置-pam_tally2身份验证模块
    python处理时间相关的方法
    python中命令行参数
    linux---(6/27)tr命令和sed命令详解
  • 原文地址:https://www.cnblogs.com/hjbky/p/6219342.html
Copyright © 2011-2022 走看看