網站設計通過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';
}
返回列表
返回首頁
主站蜘蛛池模板:
欧美激情一区二区三区在线|
日本丰满www色|
成年人的免费视频|
亚洲1区1区3区4区产品乱码芒果|
猫咪av成人永久网站在线观看|
成人毛片18女人毛片免费|
五月婷婷俺也去开心|
欧美色图亚洲激情|
免费a级毛片无码|
美女扒开内裤羞羞网站|
国产午夜无码视频免费网站|
青青操免费在线观看|
成人自拍视频网|
久久久久久久久久国产精品免费
|
啊~嗯~轻点~啊~用力村妇|
麻豆国产精品va在线观看不卡|
国产精品国产三级国产专播下|
99精品全国免费观看视频|
岛国大片在线免费观看|
中文无码人妻有码人妻中文字幕
|
欧美最猛黑人XXXXX猛交|
人人草在线视频|
精品人妻中文字幕有码在线|
国产一区免费视频|
青青视频免费在线|
国产成人精品影院狼色在线|
ww亚洲ww在线观看国产|
国产精品无码2021在线观看|
91福利视频网站|
在线播放国产视频|
bt天堂新版中文在线地址|
好男人www社区|
一本一本久久a久久综合精品蜜桃|
成年人在线免费看视频|
丰满老熟好大bbb|
日日躁夜夜躁狠狠天天|
久久国产精品系列|
日韩a在线观看免费观看|
久久综合精品视频|
最近中文字幕在线视频|
亚洲av永久无码嘿嘿嘿|