網站設計通過CSS類名切換來修改DOM
2012/5/10 15:02:14
這個方案讓我們可以一次性修改一個元素和它的子元素的多個樣式屬性而只觸發一次重解析。
需求:
我們現在需要寫一個函數來修改一個超鏈接的幾個樣式規則。網站設計要實現很簡單,把這幾個規則對應的屬性逐一改了就好了。但是帶來的問題是,每修改一個樣式 屬性,都會導致一次頁面的重解析。
function selectAnchor(element) {
element.style.fontWeight = 'bold';
element.style.textDecoration = 'none';
element.style.color = '#000';
}
解決方案:
要解決這個問題,我們可以先創建一個樣式名,并且把要修改的樣式規則都放到這個類名上,然后我們給超鏈接添加上這個新類名,就可以實現添加幾個樣式 規則而只觸發一次重解析了。這個模式還有個好處是也實現了表現和邏輯相分離。
.selectedAnchor {
font-weight: bold;
text-decoration: none;
color: #000;
}
function selectAnchor(element) {
element.className = 'selectedAnchor';
}
返回列表
返回首頁
主站蜘蛛池模板:
波多野结衣在线观看中文字幕
|
91精品福利一区二区|
无码一区18禁3D|
全免费a级毛片免费看不卡|
青青青青啪视频在线观看|
女老丝袜脚摩擦阳茎视频|
亚洲AV无码乱码国产精品|
精品国产一区二区三区无码
|
亚洲AV无码不卡|
欧美精品黑人粗大|
免费A级毛片无码A∨男男|
老师小sao货水好多真紧h视频|
国产成人久久91网站下载|
青青操视频在线免费观看|
国自产精品手机在线观看视频|
youjizz.com中国|
成人在线第一页|
久久97久久97精品免视看秋霞|
男人j桶女人j免费视频|
啊轻点灬大ji巴黑人太粗
|
把极品白丝班长啪到腿软|
亚洲欧洲日韩在线电影|
精品久久久久久无码人妻蜜桃|
国产污片在线观看|
一女多男在疯狂伦交在线观看|
日本h片无遮挡在线观看|
久久综合丝袜日本网|
狠狠色先锋资源网|
国产剧情片视频资源在线播放|
亚洲另类专区欧美制服|
小信的干洗店1~4|
久久精品国产精品国产精品污|
欧美姓爱第一页|
免费看黄色网页|
香蕉国产综合久久猫咪|
国产黄在线观看免费观看不卡
|
女的被触手到爽羞羞漫画|
七仙女欲春3一级裸片在线播放
|
桃花视频性视频|
免费又黄又爽1000禁片|
美女扒开内裤羞羞网站|