Javascriptの追加アイコン

Question

をフィールドへの私は、以下の本書かれている私はUpdateQuotedPriceという名前の別のJavaScript関数を呼び出すためのonlcickで、このフィールドの後に画像を追加する必要がorit_c_discountrateのidの私のページ上のフィールドがあります。

function AddPercentImage(){ 
    var img = document.createElement('IMG'); 
    img.setAttribute('src', 'Themes/Img/default/icons/recent_order.gif'); 
    img.onclick = function(){ 
      UpdateQuotedPrice(); 
     } 
    //This is the line that errors 
    document.getElementById('orit_c_discountrate').appendChild(img) 
} 

を

と

window.attachEvent("onload",AddPercentImage); 

しかし、私は、コンソールに次のエラーを取得するこのattachEventを使って

SCRIPT65535：メソッドまたはプロパティへのアクセスが予期せず呼び出されました。

要素：

<input name="orit_c_discountrate" class="EDIT" id="orit_c_discountrate" type="text" size="4" maxLength="4"/> 

誰もが私が間違っているのものを私に言うことができますか？

おかげ

Answer 1

あなたはinputの子要素として画像を追加することはできません...あなたは<span>（または、divなど他の要素）以内にご入力をラップし、それに画像を追加することができ..について例：

HTML：

<span><input name="orit_c_discountrate" class="EDIT" id="orit_c_discountrate" type="text" size="4" maxLength="4"/></span>​ 

はJavaScript：

function AddPercentImage() { 
    var img = document.createElement('IMG'); 
    img.setAttribute('src', 'Themes/Img/default/icons/recent_order.gif'); 
    img.onclick = function() { 
     UpdateQuotedPrice(); 
    }; 
    //This is the line that errors 
    document.getElementById('orit_c_discountrate').parentNode.appendChild(img); 
} 

Working demo