WEB:CSS风格属性如何转换为脚本语言标识符号

原创 2004年10月01日 18:55:00

CSS风格属性如何转换为脚本语言标识符号

------摘自MSDN

Special Considerations

You might have noticed that many CSS properties have a dash in their name (such as background-color). The dash, as you may know, isn't a valid character for identifiers in most scripting languages. To get around this little problem, continue to use the dashed name when specifying the CSS attribute in HTML or in a style sheet, but when accessing the attribute as a script property, remove the dash, and capitalize the next letter. For example:

background-color becomes backgroundColor

border-left becomes borderLeft

margin-bottom becomes marginBottom

The CSS attribute names specified in the HTML or style sheet are listed in the CSS Attributes section of the SDK. The corresponding scriptable properties are listed as properties of the style object in the Objects section of the SDK.

Also notice that while any CSS property can be set at any time, the current settings on the STYLE element will only reflect its inline styles, and not any inherited styles that are defined in a global style sheet with a STYLE or LINK tag. The following example shows what happens when a style is defined both globally and inline.

<html>
<head>
<style>
.class1 {font-family: arial}
</style>
</head>
<body>
<div id=SetByClass class=Class1>Set By Class</div>
<div style="font-family: arial">
      <div id=Inherited>Inherited</div>
</div>
<div id=DirectlySet style="font-family: arial">Directly Set</div>
<div id=SetWithScript>Set with Script</div>
<script>
      alert(SetByClass.style.fontFamily);
      alert(Inherited.style.fontFamily);
      alert(DirectlySet.style.fontFamily);
      SetWithScript.style.fontFamily = "arial";
      alert(SetWithScript.style.fontFamily);
</script>
</body>
</html>

windows下Git安装图文教程

 下载Git安装包 0.TortoiseGit-2.3中文版与Git安装包: http://download.csdn.net/detail/renfufei/9738152 首...
  • Haugdon
  • Haugdon
  • 2017年03月02日 09:23
  • 74

VS2008网站转换成Web应用程序

第一步,先建一个Web应用程序 第二步: 将需要转换的项目(项目里的所有文件)复制粘贴(点击新项目右键粘贴所有文件)到先建的项目中 第三步: 如有其他类库可以添加其他类库,接着添加引用...
  • lin304510260
  • lin304510260
  • 2012年11月01日 11:21
  • 617

VS2013 转换为web应用程序

此功能已经不在右键菜单里了,而在主菜单中的“项目-->转换为WEB应用程序”...
  • hugeben6
  • hugeben6
  • 2014年06月13日 10:27
  • 951

css如何去掉列表符号

如何去掉列表符号 使用  ul{ list-style:none;} -->
  • zxvnbm_1
  • zxvnbm_1
  • 2013年03月28日 18:12
  • 550

有符号数与无符号数之间的转换

1,C语音中负数怎么转换为补码形式 2,有符号数怎么转换为无符号数 3,无符号数怎么转换为有符号数...
  • EmSoftEn
  • EmSoftEn
  • 2016年01月12日 17:42
  • 2195

将有符号十进制数转换成二进制

function [numbin] = dec2binPN(numdec,N) %判断输入数正负 if (numdec >= 0) %正数转二进制 nu...
  • qishi2014
  • qishi2014
  • 2016年05月28日 11:48
  • 524

新手如何将less文件转换成css文件

less是预处理css,使我们写css更方便快速,它类似于css和js的结合体,有js的特征但写出来是css。less的学习成本几乎为0 ,只要你会写css就会写less。下面是如何将less文件转换...
  • erdouzhang
  • erdouzhang
  • 2017年02月06日 23:07
  • 3795

无符号和有符号数的二进制数右移(有待继续整理)

符号数
  • kuailexiaoziwqx
  • kuailexiaoziwqx
  • 2016年10月17日 20:30
  • 515

php 实现HTML实体编号与非ASCII字符串相互转换类

HTML实体符号被用作实现保留字符(reserved characters)或者表达键盘无法输入的一些常用字符。在大多数浏览器中默认的字符集为ISO-8859-1。HTML实体符号我们在网页设计中经常...
  • fdipzone
  • fdipzone
  • 2016年09月07日 22:33
  • 24494

c/c++ 有符号数与无符号数的转换

在开发中,经常会碰到有符号数与无符号数之间的转换,有时是隐性,有时是显性。如果不清楚其中规则,则可能带来非常难以排查的bug。...
  • youyoushang
  • youyoushang
  • 2015年11月25日 09:43
  • 2480
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:WEB:CSS风格属性如何转换为脚本语言标识符号
举报原因:
原因补充:

(最多只允许输入30个字)