如何用js给html表单设置style

 我来答

3个回答

#热议# 生活中有哪些实用的心理学知识？

维湾教育培训
推荐于2018-05-14 · 知道合伙人软件行家

维湾教育培训
知道合伙人软件行家

采纳数：3549 获赞数：13649

无

向TA提问私信TA

关注

展开全部

首先，把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>


本回答被网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

Kyoya雀YU1
推荐于2017-11-26 · TA获得超过753个赞

知道答主

回答量：124

采纳率：0%

帮助的人：63万

我也去答题访问个人页

关注

展开全部

首先，把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 paddingTopCSS 语法（不区分大小写）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 HTML代码示例： Html代码

本回答被提问者采纳

已赞过已踩过<

你对这个回答的评价是？
评论收起

势水0Fi
2015-10-19 · TA获得超过489个赞

知道小有建树答主

回答量：485

采纳率：44%

帮助的人：155万

我也去答题访问个人页

关注

展开全部

$("p").css({ color: "#ff0011", background: "blue" });

已赞过 已踩过<

评论收起

更多回答（1）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

如何用js给html表单设置style

其他类似问题

为你推荐：