1.  [html] view plaincopyprint?
  2.  原贴地址:<a href="http://heichong.iteye.com/blog/860698">http://heichong.iteye.com/blog/860698</a>
  3.  [html] view plaincopyprint?
  4.  关键字: 用js给html表单设置style
  5.  首先，把CSS和JS标签style属性对照表了解了：  
  6.  
  7.  CSS 和 JavaScript 标签 style 属性对照表：  
  8.  
  9.  盒子标签和属性对照
  10.  CSS语法（不区分大小写）       JavaScript语法（区分大小写）
  11.  border              border
  12.  border-bottom           borderBottom
  13.  border-bottom-color     borderBottomColor
  14.  border-bottom-style     borderBottomStyle
  15.  border-bottom-width     borderBottomWidth
  16.  border-color            borderColor
  17.  border-left         borderLeft
  18.  border-left-color       borderLeftColor
  19.  border-left-style       borderLeftStyle
  20.  border-left-width       borderLeftWidth
  21.  border-right            borderRight
  22.  border-right-color      borderRightColor
  23.  border-right-style      borderRightStyle
  24.  border-right-width      borderRightWidth
  25.  border-style            borderStyle
  26.  border-top          borderTop
  27.  border-top-color        borderTopColor
  28.  border-top-style        borderTopStyle
  29.  border-top-width        borderTopWidth
  30.  border-width            borderWidth
  31.  clear               clear
  32.  float               floatStyle
  33.  margin              margin
  34.  margin-bottom           marginBottom
  35.  margin-left         marginLeft
  36.  margin-right            marginRight
  37.  margin-top          marginTop
  38.  padding             padding
  39.  padding-bottom          paddingBottom
  40.  padding-left            paddingLeft
  41.  padding-right           paddingRight
  42.  padding-top         paddingTop   
  43.  
  44.  颜色和背景标签和属性对照
  45.  CSS 语法（不区分大小写）   JavaScript 语法（区分大小写）
  46.  background          background
  47.  background-attachment       backgroundAttachment
  48.  background-color        backgroundColor
  49.  background-image        backgroundImage
  50.  background-position     backgroundPosition
  51.  background-repeat       backgroundRepeat
  52.  color               color   
  53.  
  54.  样式标签和属性对照
  55.  CSS语法（不区分大小写）       JavaScript 语法（区分大小写）
  56.  display             display
  57.  list-style-type         listStyleType
  58.  list-style-image        listStyleImage
  59.  list-style-position     listStylePosition
  60.  list-style          listStyle
  61.  white-space         whiteSpace   
  62.  
  63.  文字样式标签和属性对照
  64.  CSS 语法（不区分大小写）   JavaScript 语法（区分大小写）
  65.  font                font
  66.  font-family         fontFamily
  67.  font-size           fontSize
  68.  font-style          fontStyle
  69.  font-variant            fontVariant
  70.  font-weight         fontWeight   
  71.  
  72.  文本标签和属性对照
  73.  CSS 语法（不区分大小写）   JavaScript 语法（区分大小写）
  74.  letter-spacing          letterSpacing
  75.  line-break          lineBreak
  76.  line-height         lineHeight
  77.  text-align          textAlign
  78.  text-decoration         textDecoration
  79.  text-indent         textIndent
  80.  text-justify            textJustify
  81.  text-transform          textTransform
  82.  vertical-align          verticalAlign   
  83.  
  84.  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  85.  <HTML>
  86.   <HEAD>
  87.    <TITLE> New Document </TITLE>
  88.   </HEAD>
  89.  <script language="javascript">
  90.  function validate(){
  91.        if (document.all("name").value == ""){
  92.              document.all("name").style["borderColor"]="red";//就是这里
  93.              return;
  94.          }
  95.  }
  96.  </script>
  97.   <BODY>
  98.    <input type="text" name="name" >
  99.   </BODY>
  100.  </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. xamarin fivechess

    网上的五子棋项目是java开发,先转为xamarin,有需要的请下载. FiveChess.7z

  2. BZOJ 3196 二逼平衡树

    Description 您需要写一种数据结构(可参考题目标题),来维护一个有序数列,其中需要提供以下操作:1.查询k在区间内的排名2.查询区间内排名为k的值3.修改某一位值上的数值4.查询k在区间内的 ...

  3. Groovy学起来，这要和GRAILS,RUNDECK打成一片

    还好,以前看过RUBY和JAVA,GROOVY感觉和它们有点相似.. 并且,我觉得这个GROOVY比SCALA要简单些(函数式编程+OBJ) 作类比,毕竟是最快的学习方法. XXX,还有必修课和证券从 ...

  4. 使用NetUserAdd API函数创建远程用户

    http://apps.hi.baidu.com/share/detail/33407620 使用NetUserAdd编程创建远程用户Windows API NetUserAdd()可以创建Windo ...

  5. hdu-2768-Cat vs. Dog(二分图-最大匹配数)

    题意: 有猫C个和狗D个,有V个投票人,每个人喜欢猫讨厌狗或则喜欢狗讨厌猫! 求最多能满足多少投票人. 分析: 两个投票者矛盾的话就连一条边,总数减去最大匹配数/2就是要求的答案 // File Na ...

  6. 【转】Android与JNI(二） -- 不错

    原文网址:http://www.cnblogs.com/eddy-he/archive/2012/08/09/2629974.html 软件版本: ubuntu10.04 java version & ...

  7. 【有源汇上下界最大流】ZOJ 3229 Shoot the Bullet

    题目链接: http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemCode=3229 题目大意: n天给m个女孩拍照(1<=n<= ...

  8. Xshell中文编码的设置

    一直用的是SSH Secure Shell Client,关于中文乱码,一直找不到简便的解决方案,后来改用XShell,编码设置如下: 1.查看linux系统编码,linux命令: locale. 2 ...

  9. 解决android启动程序时，会出现一个短暂的白色空白界面的问题

    在启动的activity定义style为透明就可以了(android:theme="@android:style/Theme.Translucent")

  10. WEB性能测试:你应该带上VisualStudio2010

    原文地址:http://www.16aspx.com/Article/62 在Web性能测试方面,增加了循环(Loops)和条件(Conditions),让开发人员可以为他们的应用程序写出更复杂,更智 ...