html元素的默认样式,[用例]html元素的部分常用默认样式

[用例]html元素的部分常用默认样式

【 网络作者：佚名 更新时间：2009-09-11 | 字体：大 中 小】

[导读]//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/strict.dtd >

html元素的部分常用默认样式

div

span

p

h1

h2

h3

h4

h5

h6

b

i

strong

em

q

cite

acronym

blockquote

ins

del

_sub

^sup

big

small

address

pre

code

var

bdo

dfn

kbd

samp

link

• li
• li

1. li
2. li

dt

dd

dd2

ththtdtd

ththtdtdththtdtd

legend

button

optionoption

label

textarea

var NORMAL_STYLE = [

'display',

'margin-top',

'margin-bottom',

'margin-left',

'margin-right',

'padding-top',

'padding-bottom',

'padding-left',

'padding-right',

'border-left-width',

'border-right-width',

'border-top-width',

'border-bottom-width',

'border-left-style',

'border-right-style',

'border-top-style',

'border-bottom-style',

'overflow',

'font-weight',

'font-size',

'font-style',

'font-variant',

'text-decoration',

'line-height',

'border-collapse',

'vertical-align'

];

function toCamelCase(str) {

return str.replace(/-D/g, function(match){

return match.charAt(1).toUpperCase();

});

}

var tagMap = {};

function elementsStyles(el) {

elementStyles(el);

el = el.firstChild;

while (el) {

if (el.nodeType == 1) {

elementsStyles(el);

}

el = el.nextSibling;

}

}

var alterColor = false;

function elementStyles(el) {

var tagName = el.tagName;

if (tagMap[tagName]) {

return;

}

tagMap[tagName] = 1;

html.push('

' + el.tagName + "");

alterColor = !alterColor;

for (var i = 0, l = NORMAL_STYLE.length; i < l; i++) {

var sty = NORMAL_STYLE[i];

html.push('

',

elementStyle(el, sty),

'

');

}

html.push('

');

}

function elementStyle(el, sty) {

var currentStyle = el.currentStyle || document.defaultView.getComputedStyle(el, null);

return currentStyle[toCamelCase(sty)];

}

var html = ['

for (var i = 0, l = NORMAL_STYLE.length; i < l; i++) {

html.push('

' + NORMAL_STYLE[i] + '');

}

html.push('

');

//elementStyles(document.documentElement);

elementsStyles(document.body);

html.push('

');

document.body.innerHTML += html.join('');

转载请注明来源：IT学习网

网址：http://www.t086.com/ 向您的朋友推荐此文章

特别声明： 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系我们，我们会尽快予以更正。