ホームページ >ウェブフロントエンド >jsチュートリアル >Javascript YUIコード読書日記 YAHOO.util.Dom - Part.3_YUI.Ext関連
var pattern = {
HYPHEN: /(-[a-z])/i,
ROOT_TAG: /^body|html$/i
};
var toCamel = function(property); {
// -[a-z] 文字がない場合は、直接
if (!patterns.HYPHEN.test(property)) {
return property
}
// キャッシュがある場合は、置換後の値を直接返します
if (propertyCache[property]) {
return propertyCache[property];
}
// 正規表現を使用して置換します
var = property;
変換されました while( pattern.HYPHEN.exec(converted) ) {
変換 = Converted.replace(RegExp.$1,
RegExp.$1.substr(1).toUpperCase( ));
}
// キャッシュに保存
propertyCache[property] = Converted;
return Converted; YAHOO.util.Dom では、ブラウザの互換性の問題については、コードは次のとおりです。
// Firefox、Opera、Safari などの W3C DOM 標準ブラウザを使用します
if (document.defaultView && document.defaultView.getComputedStyle) {
getStyle = function(el, property) {
var value = null
// CSS スタイル名の一部の名前を変更します
if (property == 'float') {
プロパティ = 'cssFloat' 🎜> 値 = >} else if。 (document.documentElement.currentStyle && isIE) {
getStyle = function(el, property) { // 認識されるように名前を IE に「変換」します
case 'opacity' :
var val = 100;
try {
val =
el.filters['DXImageTransform.Microsoft.Alpha'].opacity; (e) {
try {
val = el.filters('alpha').opacity
} catch(e) {
el.currentstyle [プロパティ]:
getStyle = function {return el.Style [Property];も非常に興味深いので、興味があれば読んでみてください。