JsファンクションはChromeでうまく動作しますが、Firefoxでは動作しません。

Question

フォームのユーザーの入力に応じて多くのコメントと設定があるため、リストの一部のコンポーネントをインタラクティブにするようにしています。

この製品はいくつかのコンポーネントから構成されていますが、それぞれが独自のプロパティを持っていますが、製品の検証は選択したコンポーネントの値に依存しています。

私は私のビューから呼び出されるJS以下の機能があります。

function change_people() { 
    money1 = $('money_1').children[0].value; 
    if (money1 == 5) { 
     $('comment_2').innerText = "sss"; 
     //$('comment_2').hide(); 
    } 
    else { 
     $('comment_2').innerText = ""; 
     //$('comment_2').show(); 
    } 
} 

document.observe('dom:loaded', function() { 
    change_people(); 
    $('money_1').children[0].observe('change', change_people); 
}); 

私はクロームでコードを実行すると、それはそれはFirefoxで、しかし、次のコメントを更新する各選択して、正常に動作します完全に反応しません！

誰でもこの理由が考えられますか？

（オハイオ州およびプロトタイプのライブラリを使用している）

ありがとう！

Answer 1

innerTextは、標準textContentのMicrosoftバージョンです。 Chromeは両方をサポートしていますが、Firefoxは標準のものだけをサポートしています。 （一回だけ実行）

1.ダミーテストkeep in mind the gotchas

var textContent = (function() { 
    var dummy = document.createElement("span"); 
    dummy.innerHTML = "full <span>support</span>"; 
    if (dummy.textContent === "full support") { 
    return "textContent"; 
    } else { 
    return "innerText"; 
    } 
})(); 

使い方

el[textContent] = "text"; 

2.使用DOMメソッド：あなたがすることができる2つあります

function setText(el, text) { 
    while (el.firstChild) { 
     el.removeChild(el.firstChild); 
    } 
    el.appendChild(document.createTextNode(text)); 
} 

使い方

setText(el, "text"); 

Answer 2

Element.updateを使用するのが簡単です。

$('comment_2').update((money1 == 5) ? 'sss' : '');