技术分享 网页前端 查看内容

原生js控制元素样式大全

老高 | 发布于 2014-08-25 21:11| 浏览()| 评论() | 收藏() | 点赞() | 打印

摘要: 在BAMS开发框架中用了很多的原生js来控制网页元素的样式、属性,以下列出了CSS语法和JavaScript语法对照大全。

在BAMS开发框架中用了很多的原生js来控制网页元素的样式、属性,以下列出了CSS语法和JavaScript语法对照大全。

document.getElementById("div01").style.height;

document.getElementById("div01").style.lineHeight; 

document.getElementById("div01").style.backgroundColor;


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                                                          borderRightColo

rborder-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


上一篇: MDITab 多页面、多标签页效果
下一篇: 没有了

发表评论(对文章涉及的知识点还有疑问,可以在这里留言,老高看到后会及时回复的。)

表情