ホームページ >ウェブフロントエンド >jsチュートリアル >Javascript YUIコード読書日記 YAHOO.util.Dom - Part.3_YUI.Ext関連

Javascript YUIコード読書日記 YAHOO.util.Dom - Part.3_YUI.Ext関連

WBOY
WBOYオリジナル
2016-05-16 19:05:45972ブラウズ

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];も非常に興味深いので、興味があれば読んでみてください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。