成都創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都做網(wǎng)站、成都網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的雁塔網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

本文目錄一覽

• 1，js 修改css屬性值
• 2，js 設(shè)置css
• 3，如何用JS來(lái)改變CSS屬性

1，js 修改css屬性值

想要改為什么不直接把CSS文件里的width:100xp改掉? 如果這個(gè)值因?yàn)槠渌胤揭灿杏玫剿圆荒芨牡脑? 那你就在CSS文件里再設(shè)個(gè)值: width1:80xp 想用到80xp的話就調(diào)用width1好了,不要用width:100xp

js不能修改樣式表 但是可以修改元素： 比如 對(duì)于上面的層的樣式，可以這樣修改： var test_div=docuemnt.getElementById("test"); test_div.style.width="80px";

有方法，你這css是給什么定義的格式 你就在JS獲取 怎么獲取我就不說(shuō)了 然后 通過(guò).width=80PX不就完了？

2，js 設(shè)置css

css中帶中橫線的樣式屬性對(duì)應(yīng)到j(luò)s里面的命名規(guī)則為：去掉中橫線，中橫線后的首字母大寫(xiě)，如你上面的例子即為：style.textDecoration 另外，你要把這個(gè)層里所有a都要改變這樣的樣式：document.getElementById("yourDivId").getElementsByTagName("a").style.textDecoration = "none";

首先要通過(guò) getElementById等方法找到這個(gè)a元素，假設(shè) 變量名為 aa;aa.style.textDecoration = "none";就可以了。

語(yǔ)法是這樣的:object.style.textDecoration="none";

語(yǔ)法是這樣的:object.style.textDecoration="none";

首先要通過(guò) getElementById等方法找到這個(gè)a元素，假設(shè) 變量名為 aa;aa.style.textDecoration = "none";就可以了。

3，如何用JS來(lái)改變CSS屬性

方法:document.getElementById("xx").style.xxx中的所有屬性是什么盒子標(biāo)簽和屬性對(duì)照CSS語(yǔ)法（不區(qū)分大小寫(xiě)） JavaScript語(yǔ)法（區(qū)分大小寫(xiě)） 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 顏色和背景標(biāo)簽和屬性對(duì)照CSS 語(yǔ)法（不區(qū)分大小寫(xiě)） JavaScript 語(yǔ)法（區(qū)分大小寫(xiě)） background background background-attachment backgroundAttachment background-color backgroundColor background-image backgroundImage background-position backgroundPosition background-repeat backgroundRepeat color color 樣式標(biāo)簽和屬性對(duì)照CSS語(yǔ)法（不區(qū)分大小寫(xiě)） JavaScript 語(yǔ)法（區(qū)分大小寫(xiě)） display display list-style-type listStyleType list-style-image listStyleImage list-style-position listStylePosition list-style listStyle white-space whiteSpace 文字樣式標(biāo)簽和屬性對(duì)照CSS 語(yǔ)法（不區(qū)分大小寫(xiě)） JavaScript 語(yǔ)法（區(qū)分大小寫(xiě)） font font font-family fontFamily font-size fontSize font-style fontStyle font-variant fontVariant font-weight fontWeight 文本標(biāo)簽和屬性對(duì)照CSS 語(yǔ)法（不區(qū)分大小寫(xiě)） JavaScript 語(yǔ)法（區(qū)分大小寫(xiě)） 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

$("#你所操作對(duì)像的id").css("border","#000000 1px solid");在什么時(shí)候想改變就把這句話放到你要觸發(fā)的事件中