<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
document<
/title>
/* div */
<
/style>
<
/head>
"checkbox" name=
"" id=
"">
<
/div>
// 設定標籤屬性
// div.setattribute('style',"width:50px;height:50px;background-color:red")
// 設定物件屬性
// div.style = "width:50px;height:50px;background-color:red"
// console.log( document.stylesheets ) //獲取層疊樣式表
// 通過js也可以來寫出css樣式 不僅僅是行內樣式
// 你能成功也就一句話 事情到我為止 盡量
// console.log( div.style.width )
// 獲採樣式屬性 但是只能獲取行內樣式 寫在層疊樣式表中的無法獲取
// 無法獲取css樹種的樣式 行內樣式是dom樹上的樣式
// dom樹上的樣式優先順序更高 而不是覆蓋
// console.log(div.style.width)//dom還沒有渲染完 所以無法獲取到
// console.log(getcomputedstyle(div).width)//這樣才能獲取到 渲染後的結果 這個方法屬於window的方法
// getcomputedstyle 具備相容問題 火狐谷歌 相容 ie不可以 ie8版本及以下不可以
// console.log( div.currentstyle.width )//ie可以你試試
/* 引數
type 要建立的元素的型別 div ul img
style object物件 樣式物件
parent 父元素物件 需要將建立好的元素放在誰的裡面
prop object物件 dom物件屬性
抽象方法 由引數決定
*/function
ce(type, style, parent, props)
for(
let prop in props)
if(parent) parent.
(elem)
return elem
}let style =
// for (var i = 0; i < 100; i++) , document.body)
// }
for(
var i =
0; i <
100; i++))
ce("br"
,null
, document.body,)}
// console.log( ce("div",style,document.body) )
function
randomcolor()
return col;
}// console.log( math.random() > 0.5 ) //隨機
<
/script>
<
/body>
<
/html>
a標籤樣式
以前用css一直沒有遇到過這個問題，在最近給乙個本科同學做的專案裡面。出現一些問題，搜尋引擎查了一些 和資料，發現很多人問到這個問題，給出的結果我試了試，大部分都不正確。給出我試的順序，可能會對大家有一些幫助 a link a visited a hover a active 今天看到一位匿名朋友的...
a標籤樣式
以前用css一直沒有遇到過這個問題，在最近給乙個本科同學做的專案裡面。出現一些問題，搜尋引擎查了一些 和資料，發現很多人問到這個問題，給出的結果我試了試，大部分都不正確。給出我試的順序，可能會對大家有一些幫助 a link a visited a hover a active 今天看到一位匿名朋友的...
a標籤樣式
一組專門的預定義的類稱為偽類，主要用來處理超連結的狀態。超連結文字的狀態可以通過偽類選擇符 樣式規則來控制。偽類選擇符包括 總 a 表示所有狀態下的連線 如 mycls a 一般a hover和a visited鏈結的狀態 顏色 下劃線等 應該是相同的。前三者分別對應body元素的link vlin...