html默认选择代码,html默认代码

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

09111605734.gif

  • 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.itlearner.com/article/4437

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值