js設置cssmargin,js設置字體顏色代碼

本文目錄一覽：

• 1、如何用JS修改已加載的CSS樣式表樣式？要詳細的教程
• 2、js 修改css屬性值
• 3、js獲取css屬性，更改margin-top屬性，給每個a標籤的margin-top屬性在原基礎上 +5px
• 4、JavaScript是如何改變網頁的CSS樣式的？
• 5、如何用JavaScript設置Div的margin參數？

如何用JS修改已加載的CSS樣式表樣式？要詳細的教程

js是無法直接修改css文件的，但可以通過取對象的方式修改對象的樣式，通常有兩種方法：

1、改變className，但首先在樣式表中預設定樣式類。

例如：document.getElementById(‘obj’).className=’…’;

2、改變cssText。

例如：document.getElementById(‘obj’).style.height=’100px’;

js 修改css屬性值

想要改為什麼不直接把CSS文件里的width:100xp改掉?

如果這個值因為其他地方也有用到所以不能改的話

那你就在CSS文件里再設個值:

width1:80xp

想用到80xp的話就調用width1好了,不要用width:100xp

js獲取css屬性，更改margin-top屬性，給每個a標籤的margin-top屬性在原基礎上 +5px

可以參考下面的代碼：

style

a{display:block;float:left}

/style

div style=”border:1px solid #cccccc”

a id=”a1″ href=”#” class=”float_r” style=”margin-top:10px;”asd/a

a id=”a2″ href=”#” class=”float_r” style=”margin-top:20px;”asd/a

a id=”a3″ href=”#” class=”float_r” style=”margin-top:30px;”asd/a

a id=”a4″ href=”#” class=”float_r” style=”margin-top:40px;”asd/a

a id=”a5″ href=”#” class=”float_r” style=”margin-top:50px;”asd/a

/div

script

for(var i=1;i6;i++){

  document.getElementById(‘a’+i).style.marginTop = parseInt(document.getElementById(‘a’+i).style.marginTop)+5+’px’;

}

/script

JavaScript是一種屬於網絡的腳本語言,已經被廣泛用於Web應用開發,常用來為網頁添加各式各樣的動態功能,為用戶提供更流暢美觀的瀏覽效果。

通常JavaScript腳本是通過嵌入在HTML中來實現自身的功能的。它最初由Netscape的Brendan Eich設計。JavaScript是甲骨文公司的註冊商標。Ecma國際以JavaScript為基礎制定了ECMAScript標準。

擴展資料：

javaScript參考函數

anchor(“name”)用來把字符串轉換為HTML錨面標誌內(A NAME=)

big() 把字符串中的文本變成大字體(BIG)

blink() 把字符串中的文本變成閃耀字體(BLINK)

bold() 把字符串中的文本變成烏字體(B)

fixed() 把字符串中的文本變成流動間距字體,便電報情勢(TT)

fontcolor(color)設置字符串中文本的色彩(FONT COLOR=)

Fontsize(size) 把字符串中的文本變成指定大小(FONTSIZE=)

italics() 把字符串中的白原變成斜字體(I)

Link(url)用來把字符串轉換-HTML鏈交標誌中(A HREF=)

參考資料來源：百度百科-javascript

JavaScript是如何改變網頁的CSS樣式的？

通常我們將網頁的樣式和內容分開，樣式放在css文件，內容放在html文件，當html文件需要用到樣式的時候，直接引用css中定義的樣式就可以了。其實JavaScript也能使用css文件或直接改變樣式的屬性來動態的改變網頁的樣式。

1、JavaScript設置內聯樣式

改變樣式最直接的方法就是改變元素節點的style屬性。如：

myElement.sytle.color = “red”;

myElement.sytle.left = “40px”;

myElement.sytle.backgroundRepeat = “repeat-x”;

JavaScript設置內聯樣式時，採用和css設置樣式一樣的風格。如設置myElement的color屬性時，我們可以賦值任何在css中可以用的值，所以這裡除了可以使用”red”，還可以使用”blue”, ”yellow”或十六進制的”#ff0000”。

另外用JavaScript改變網頁的屬性還需要注意2點：

l JavaScript中採用駝峰命名法：在css中，屬性名中的單詞之間是用橫杠隔開，如font-weight, background-color。但在JavaScript中，橫杠可能被認為是減號，所以採用駝峰命名法，單詞之間不用橫杠，如font-weight在JavaScript中應該寫成fontWeight;而background-color寫成backgroundColor。

l JavaScript中屬性值為字符串：在css中，屬性值都寫在雙引號中，即要用字符串來給css相關屬性賦值，同樣當屬性值有單位時，我們需要將單位也寫在字符串中。

2、JavaScript設置外部樣式

當你需要改變的樣式已經在css文件中定義了，我們也可以用JavaScript直接用定義好的css樣式。如下格式：

myElement.className = “someCSSclass”;

同樣需要注意幾點：

l 不要將className寫成class，因為class是JavaScript保留的關鍵字，我們不能使用。

l 將定義在css中的樣式直接賦值給className，就能改變myElement元素的樣式。

l 當要刪除元素的樣式，可以給className屬性賦值為空。如：

myElement.className = “”;

教程網 站-秒秒學上的JavaScript課程有一個章節專門講解JavaScript改變樣式的內容，可以看看，希望對你有幫助。

如何用JavaScript設置Div的margin參數？

在css中使用margin可以將margin-top, margin-bottom, margin-left, margin-right縮寫為一個標記。margin標記可以帶一個、二個、三個、四個參數，各有不同的含義。[示例代碼]htmlbodydiv style=”border: 1px solid red;”

div style=”border: 1px solid blue; margin: 20px;”

margin: 20px;上、下、左、右各20px。

/div/divdiv style=”border: 1px solid red;”

div style=”border: 1px solid blue; margin: 20px 40px;”

margin: 20px 40px;上、下20px；左、右40px。

/div/divdiv style=”border: 1px solid red;”

div style=”border: 1px solid blue; margin: 20px 40px 60px;”

margin: 20px 40px 60px;上20px；左、右40px；下60px。

/div/divdiv style=”border: 1px solid red;”

div style=”border: 1px solid blue; margin: 20px 40px 60px 80px;”