文本1

//首先獲取標(biāo)簽對象

var p = document.getElementById("text1");

//通過對象自帶的style方法設(shè)置不同的樣式

p.style.backgroundColor = "black";

p.style.fontSize = "20px";

//上面是給p標(biāo)簽設(shè)置兩個(gè)樣式，背景顏色和字體大小

說明：css樣式中的屬性帶“-”的屬性名，轉(zhuǎn)換成駝峰格式使用

2.innerHTML屬性，這個(gè)方法屬于標(biāo)簽對象。用于獲取html標(biāo)簽之間的html標(biāo)簽和文本內(nèi)容，也可以用于操作標(biāo)簽內(nèi)的值

//獲取功能

var ptag = document.getElementById("text1").innerHTML;

console.log(ptag);

輸出結(jié)果：文本1

//操作值的功能

var ptag = document.getElementById("text1").innerHTML+="標(biāo)簽";

console.log(ptag);

輸出結(jié)果：文本1標(biāo)簽

3.className屬性，用于獲取html標(biāo)簽的class屬性，也可以當(dāng)作變量使用，給標(biāo)簽賦class屬性值

//使用上面例子的p標(biāo)簽，省略getElement....

ptag.className = "p1";

console.log(ptag.className);

輸出結(jié)果：p1

總結(jié)

以上是生活随笔為你收集整理的html中.inner样式,JavaScript-DOM动态控制Html标签对象样式和innerHTML、className属性的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。