[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. Mongodb2.6升级到Mongodb3.0.2笔记

    PS:升级到3版本的Mongodb以后,drop集合是可以直接释放磁盘空间的 停止老版本Mongodb >use admin >db.shutdownServer(); 下载解压新版本Mo ...

  2. BZOJ 1487 无归岛

    Description Neverland是个神奇的地方,它由一些岛屿环形排列组成,每个岛上都生活着之中与众不同的物种.但是这些物种都有一个共同的生活习性:对于同一个岛上的任意两个生物,他们有且仅有一 ...

  3. Unity3d 跑酷游戏 之Character Controller篇

    unity3d  Character Controller @by  广州小龙 做3D跑酷游戏,也慢慢的学习了一些东西,从开发过程中积累了一些小的知识点跟大家分享一下! 1. 这个Revert按钮的意 ...

  4. Jump

    hdu4862:http://acm.hdu.edu.cn/showproblem.php?pid=4862 题意:给你n*m的方格,每个方格中有一个数(0---9),然后你每次可以选择一个点开始,这 ...

  5. XSHELL和XFTP，亲兄弟啊。

    XSHELL在LINUX和WINDOWS之间传输文件时不力啊.又对FTP不灵活的时候,XFTP就可以出场了. 只要登陆进XSHELL就可以操作了.并且XFTP客户端和命令行可以灵活配置选择. 然后,玩 ...

  6. 《how to design programs》15章 相互引用的数据定义

    由结构体组成的表与结构体中的表. 在用追溯形式建立家家谱树时,我们通常从某个后代除法,依次处理它的父母,组父母等.而构建树时,我们会不断添加谁是谁的孩子,而不是写出谁是谁的父母,从而建立一颗后代家谱树 ...

  7. Round Numbers （排列组合）

    Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 7558   Accepted: 2596 Description The c ...

  8. bzoj1430

    这道题只是给bzoj1005做一个铺垫这里介绍了一个叫prufer编码的东西,就是给定一棵带标号的无根树,找出编号最小的叶子节点,写下与它相邻的节点的编号,然后删掉这个叶子节点.反复执行这个操作直到只 ...

  9. BZOJ 1083 [SCOI2005]繁忙的都市

    1083: [SCOI2005]繁忙的都市 Time Limit: 10 Sec  Memory Limit: 162 MBSubmit: 1664  Solved: 1080[Submit][Sta ...

  10. 开源代码搜索器searchcode

    项目主页:https://searchcode.com/ 查看API:https://searchcode.com/api/ 关于:https://searchcode.com/about/ Sear ...