关于cssText的差异

关于cssText的差异其实很多人应该接触过cssText这个style对象的属性。 我们也先做一个测试吧。  <divid="test"style="height:200px;"></div>  vardiv=document.getElementById(‘test’);alert(div.style.cssText); 这段代码其实就是获…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

其实很多人应该接触过cssText这个style对象的属性。

 

我们也先做一个测试吧。

 

 

<div id="test" style="height:200px;"></div>

 

 

var div = document.getElementById('test');
alert(div.style.cssText);

 

这段代码其实就是获取元素的样式。

 

结果在不同浏览器弹出的值是有差异的

 

  • IE6-8
关于cssText的差异

  •  IE9 即各大高级浏览器
关于cssText的差异

 
当然上面是单样式设置,我们可以看出
两点
  • IE6-8 属性key大写,而且尾部不带;(分号)

我们再来看看一些
复合属性
  • IE6-8

关于cssText的差异

  • IE9 以及高级浏览器
关于cssText的差异

  ———-
像border这样的简写属性,在IE6-8下会被展开。



扩展阅读:



版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/158873.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 理解的英文_Spring ioc

    理解的英文_Spring ioc前言:这是在慕课网上学习SpringBoot2.0深度实践之核心技术篇时所做的笔记,主要供本人复习之用。目录第一章概要1.1基本使用1.1.1直接运行1.1.2自定义1.2用到的基础技术1.3用到的扩展衍生技术第二章SpringApplication的准备阶段2.1配置SpringBean的来源2.2推断Web应用类型2.3推断引…

    2022年9月10日
    0
  • GridView利用CheckBox复选框列实现单选功能

    GridView利用CheckBox复选框列实现单选功能自Dev13.2开始,GridView提供了自带的复选框列,该功能能实现多选操作,方便了不少,那如果想把这个自带的复选框列做成单选,那就需要单独处理了。先补充一下,GridView的复选框列怎么设置,如下代码片段,只要设置前面两个属性即可在GridView看到有一列复选框(BandedGridView较老版本不支持这个功能,应该得在19.2或者20之后的版本才支持,具体可以看看自己的版本,如果设置无效,那么说明不支持)://设置显示复选框列gridview.Option

    2022年5月7日
    82
  • sqlcipher加密原理_sqlserver数据库加密

    sqlcipher加密原理_sqlserver数据库加密使用 sqlcipher.exe可以在输入密码后,查看加密数据库的内容。但是要编码查询数据库的内容,还要另寻方法。(相关的工具和库在我的百度网盘中)使用sqlcipherwindow

    2022年8月5日
    3
  • wireshark抓包新手使用教程_无root抓包使用教程

    wireshark抓包新手使用教程_无root抓包使用教程WireShark抓包使用教程–详细Wireshark是非常流行的网络封包分析软件,可以截取各种网络数据包,并显示数据包详细信息。常用于开发测试过程各种问题定位。本文主要内容包括:1、Wireshark软件下载和安装以及Wireshark主界面介绍。2、WireShark简单抓包示例。通过该例子学会怎么抓包以及如何简单查看分析数据包内容。3、Wireshark过滤器使用。通过过滤器可以筛选出想要分析的内容。包括按照协议过滤、端口和主机名过滤、数据包内容过滤。Wires…

    2022年9月7日
    0
  • Pycharm 调试代码显示错误行_pycharm远程调试

    Pycharm 调试代码显示错误行_pycharm远程调试pycharm调试scrapy问题:Unknowncommand:crawl

    2022年10月30日
    0
  • 《Struts2技术内幕》学习笔记「建议收藏」

    《Struts2技术内幕》学习笔记

    2022年1月23日
    44

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号