文本1

//首先獲取標簽對象

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

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

p.style.backgroundColor = "black";

p.style.fontSize = "20px";

//上面是給p標簽設置兩個樣式，背景顏色和字體大小

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

2.innerHTML屬性，這個方法屬于標簽對象。用于獲取html標簽之間的html標簽和文本內容，也可以用于操作標簽內的值

//獲取功能

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

console.log(ptag);

輸出結果：文本1

//操作值的功能

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

console.log(ptag);

輸出結果：文本1標簽

3.className屬性，用于獲取html標簽的class屬性，也可以當作變量使用，給標簽賦class屬性值

//使用上面例子的p標簽，省略getElement....

ptag.className = "p1";

console.log(ptag.className);

輸出結果：p1

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。