set Attribute()使用方法とIE互換解決方法

1298 ワード

私たちは常にJavaScriptでElementに各種属性を動的に追加する必要があります.set Attributeを使って実現できますが、ブラウザの互換性に関する問題があります.セットリストリスト:名前と値を指定する新しい属性を追加するか、既存の属性を指定の値に設定します.1、classとclass Nameclass属性についてはW 3 C DOMで重要な役割を果たしていますが、ブラウザの違いによってまだ存在します.setAttribute(「class」、v Name)文を使って、Elementのクラス属性を動的に設定します.firefoxでは通じますが、IEではだめです.IEカーネルのブラウザを使って「クラス」を知らないので、「クラスName」に変えます.同様に、firefoxも「クラスName」を知らない.ですから、よく使われる方法は二つのものを兼ね備えています.
element.setAttribute("class", vName);

element.setAttribute("className", vName);  //for IE
2、onclickbar.setAttribute(「onclick」、「」)ここではsetAttributeを利用してonclick属性を指定していますので、分かりやすいです.しかし、IEはサポートしていません.各種ブラウザに対応する効果を得るためには、Elementのオブジェクト属性、セット属性、イベント属性をポイント記号で設定することができます.
document.getElementById("foo").className = "fruit";

document.getElementById("foo").style.cssText = "color: #00f;";

document.getElementById("foo").style.color = "#00f";

document.getElementById("foo").onclick= function () { alert("This is a test!"); }