Javascript YUI Read Code Diary of the Yahoo.util.dom-part.3_yui. Ext Related

var patterns = {
Hyphen:/(-[a-z])/I,
Root_tag:/^body|html$/i
};

var Tocamel = function (property) {
If there is no-[a-z] letter, return directly
if (!patterns. Hyphen.test (property)) {
return property;
}

If there is a cache, return the replacement value directly
if (Propertycache[property]) {
return Propertycache[property];
}

Use regular substitution
var converted = property;
while (patterns. Hyphen.exec (converted)) {
converted = Converted.replace (regexp.$1,
REGEXP.$1.SUBSTR (1). toUpperCase ());
}

Cache
Propertycache[property] = converted;
return converted;
In YAHOO.util.Dom, the GetStyle function takes into account a number of different browser compatibility issues, the following code

Browsers using the standard Web-browser, such as Firefox, Opera, Safari
if (Document.defaultview && document.defaultView.getComputedStyle) {
GetStyle = function (El, property) {
var value = null;

Rename a partial CSS style name
if (property = = ' float ') {
property = ' Cssfloat ';
}

Get properties that are added through CSS
var computed = Document.defaultView.getComputedStyle (el, ' ");
if (computed) {
Value = Computed[tocamel (property)];
}

return El.style[property] | | Value
};
If it is IE browser
else if (Document.documentElement.currentStyle && Isie) {
GetStyle = function (El, property) {
Switch (Tocamel (property)) {
The "conversion" name is known to IE
Case ' opacity ':
var val = 100;
try {
val =
el.filters[' DXImageTransform.Microsoft.Alpha '].opacity;
catch (e) {
try {
val = el.filters (' alpha '). Opacity;
catch (e) {
}
}
Percentage
return val/100;
Case ' float ':
property = ' stylefloat ';
Default
var value = El.currentstyle? El.currentstyle[property]: null;
Return (El.style[property] | | value);
}
};
} else {
Get inline style
GetStyle = function (El, property) {return el.style[property];
In addition, PPK on his Blog on the getstyle of the exposition, also very exciting, interested can go to see.