[html] view plaincopyprint?

 原贴地址:<a href="http://heichong.iteye.com/blog/860698">http://heichong.iteye.com/blog/860698</a>

 [html] view plaincopyprint?

 关键字: 用js给html表单设置style

 首先，把CSS和JS标签style属性对照表了解了：  

 CSS 和 JavaScript 标签 style 属性对照表：  

 盒子标签和属性对照

 CSS语法（不区分大小写）       JavaScript语法（区分大小写）

 border              border

 border-bottom           borderBottom

 border-bottom-color     borderBottomColor

 border-bottom-style     borderBottomStyle

 border-bottom-width     borderBottomWidth

 border-color            borderColor

 border-left         borderLeft

 border-left-color       borderLeftColor

 border-left-style       borderLeftStyle

 border-left-width       borderLeftWidth

 border-right            borderRight

 border-right-color      borderRightColor

 border-right-style      borderRightStyle

 border-right-width      borderRightWidth

 border-style            borderStyle

 border-top          borderTop

 border-top-color        borderTopColor

 border-top-style        borderTopStyle

 border-top-width        borderTopWidth

 border-width            borderWidth

 clear               clear

 float               floatStyle

 margin              margin

 margin-bottom           marginBottom

 margin-left         marginLeft

 margin-right            marginRight

 margin-top          marginTop

 padding             padding

 padding-bottom          paddingBottom

 padding-left            paddingLeft

 padding-right           paddingRight

 padding-top         paddingTop   

 颜色和背景标签和属性对照

 CSS 语法（不区分大小写）   JavaScript 语法（区分大小写）

 background          background

 background-attachment       backgroundAttachment

 background-color        backgroundColor

 background-image        backgroundImage

 background-position     backgroundPosition

 background-repeat       backgroundRepeat

 color               color   

 样式标签和属性对照

 CSS语法（不区分大小写）       JavaScript 语法（区分大小写）

 display             display

 list-style-type         listStyleType

 list-style-image        listStyleImage

 list-style-position     listStylePosition

 list-style          listStyle

 white-space         whiteSpace   

 文字样式标签和属性对照

 CSS 语法（不区分大小写）   JavaScript 语法（区分大小写）

 font                font

 font-family         fontFamily

 font-size           fontSize

 font-style          fontStyle

 font-variant            fontVariant

 font-weight         fontWeight   

 文本标签和属性对照

 CSS 语法（不区分大小写）   JavaScript 语法（区分大小写）

 letter-spacing          letterSpacing

 line-break          lineBreak

 line-height         lineHeight

 text-align          textAlign

 text-decoration         textDecoration

 text-indent         textIndent

 text-justify            textJustify

 text-transform          textTransform

 vertical-align          verticalAlign   

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

 <HTML>

  <HEAD>

   <TITLE> New Document </TITLE>

  </HEAD>

 <script language="javascript">

 function validate(){

       if (document.all("name").value == ""){

             document.all("name").style["borderColor"]="red";//就是这里

             return;

         }

 }

 </script>

  <BODY>

   <input type="text" name="name" >

  </BODY>

 </HTML>

用js给html设置style的更多相关文章

  1. js和jquery设置css样式的几种方法

    一.js设置样式的方法 1. 直接设置style的属性  某些情况用这个设置 !important值无效 element.style.height = '50px'; 2. 直接设置属性(只能用于某些 ...

  2. jquery如何为元素设置style？

    $("#userLevelCss").attr("style","width:78%;float: right;display: none;" ...

  3. js 获取和设置css3 属性值的实现方法

    众多周知 CSS3 增加了很多属性,在读写的时候就没有原先那么方便了. 如:<div style="left:100px"></div> 只考虑行间样式的话 ...

  4. (转)js函数参数设置默认值

    原文:http://www.cnblogs.com/RightDear/archive/2013/06/26/3156652.html js函数参数设置默认值   php有个很方便的用法是在定义函数时 ...

  5. js动态创建样式: style 和 link

    js动态创建样式: style 和 link ie6 不能 document.createElement('style') 然后append到head标签里.所以就找到这样个好文章 有很多提供动态创建 ...

  6. textarea 里设置 style="resize:none"

    禁止textarea拉伸的方法是::                                    设置这个 style="resize:none" 属性 例子: < ...

  7. JS访问或设置cookie的方法+跨域调用方法

    无意中从163网站获取的JS访问或设置cookie的方法,Log到日志上以防遗忘 //COOKIE功能检查function fCheckCookie(){    if(!navigator.cooki ...

  8. 微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法

    前段时间开发了一款微信小程序,运行了也几个月了,在index.js中的onLoad生命周期里获取app.js中onLaunch生命周期中在接口里动态设置的globalData一直没有问题,结果昨天就获 ...

  9. Vue 设置style样式

    1.直接添加行内样式 2.通过绑定设置style样式 3.将vue的属性设置为样式 4将多个vue属性设置为样式 <div id="box"> <!--直接添加样 ...

随机推荐

  1. Communication System

    poj1018:http://poj.org/problem?id=1018 题意:某公司要建立一套通信系统,该通信系统需要n种设备,而每种设备分别可以有m1.m2.m3.....mn个厂家提供生产, ...

  2. LINUX-LXC要好好关注下

    因为我觉得轻量极虚拟化可能是云的另一个发展方向. 至少,腾讯的WEB云引擎是以此为基础. LXC结合DOCKER.相信是快速云的另一种实现. 余下的,只是结合生产系统围绕这一中心进行的的二次开了. I ...

  3. 【HDOJ】1525 Euclid's Game

    自己想明白的第一道博弈.首先a==b的时候肯定是先手赢: 然后当a>=2*b时,不妨假设a=nb+k, k<b,因此,不论后续怎么博弈,一定可以出现a=k, b=b的情况.因此,无论这个局 ...

  4. java学习之变量

    看完了常量,那我们来看下变量. 变量顾名思义,也就是能变化的量,也就是说已经定义之后它的值仍然是可以变的,不像常量一经定义便不能够改变了.比如说现在我们需要一个数,需要用户输入之后才能,确定这个数是几 ...

  5. 「Poetize4」上帝造题的七分钟2

    描述 Description "第一分钟,X说,要有数列,于是便给定了一个正整数数列.第二分钟,L说,要能修改,于是便有了对一段数中每个数都开平方(下取整)的操作.第三分钟,k说,要能查询, ...

  6. 【转】android JNI

    原文网址:http://jinguo.iteye.com/blog/696185 Java Native Interface (JNI)标准是java平台的一部分,它允许Java代码和其他语言写的代码 ...

  7. 图论（网络流，二分图最小点权覆盖）：POJ 2125 Destroying The Graph

    Destroying The Graph   Description Alice and Bob play the following game. First, Alice draws some di ...

  8. 【动态规划】Vijos P1011 清帝之惑之顺治

    题目链接: https://vijos.org/p/1011 题目大意: 给一张N*M的地图(N,M<=500),可从任一点开始沿上下左右走,只能走比当前低的地方.问最长能走多少格. 题目思路: ...

  9. VSTS负载测试——如何：使用 SQL 创建结果存储区

    原文地址:http://www.cnblogs.com/chenxizhang/archive/2009/06/01/1493939.html 原文参见:http://msdn.microsoft.c ...

  10. FATE（完全背包）

    /* http://acm.hdu.edu.cn/showproblem.php?pid=2159 分析: 和普通的完全背包没有什么太大的区别 但是题目中给出了限制最多可杀s个怪 用二维数组dp[i] ...