えー
このコードはIE8とIE9でエラーを引き起こします(エラー: 操作の対象コンポーネントが無効です)
解決策を求めています
ディスカッションに返信(解決策)
window.onload イベントに入れます
1 | document.getElementById( 'div1' ).innerHTML=document.getElementById( 'div1' ).innerHTML.replace( "Dear " , "Dear " +document.getElementById( 'rName0' ).value);
|
ログイン後にコピー
一部のブラウザでは、innerHTML 属性は読み取り専用であり、書き込みをサポートしていません
解決策? jquery を置き換えます
jQuery に置き換えることができます:
1 | window.onload = function () { document.getElementById( 'div1' ).innerHTML=document.getElementById( 'div1' ).innerHTML.replace( "Dear " , "Dear " +document.getElementById( 'rName0' ).value);}
|
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー
window.onload イベントに入れます
1 | <!DOCTYPE HTML><html><head> <title>test</title> <meta charset= "GBK" > <script type= "text/javascript" src= "http://apps.bdimg.com/libs/jquery/1.10.2/jquery.js" ></script> <style type= "text/css" > .test{ font-size: 22px; color:red; background-color: blue; } </style> <script type= "text/javascript" > $(document).ready( function (){ var div1 = $( "#div1" ); div1.html(div1.html().replace( "Dear" , "Dear" +$( "#rName0" ).val()));//直接翻译你的. }) </script></head><body></body><html>
|
ログイン後にコピー
最初にエラーが報告されました
窓に置いてください。 onload イベント
1 | window.onload = function () { document.getElementById( 'div1' ).innerHTML=document.getElementById( 'div1' ).innerHTML.replace( "Dear " , "Dear " +document.getElementById( 'rName0' ).value);}
|
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー
最初にエラーが報告されました
完全なコードを送って見てください
jq に変更します。 。 。 。 innerHTML にはサポート上の欠陥があります。 。 。
1 | window.onload = function () { document.getElementById( 'div1' ).innerHTML=document.getElementById( 'div1' ).innerHTML.replace( "Dear " , "Dear " +document.getElementById( 'rName0' ).value);}
|
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー
後、関数内のその文を削除して以下を追加しました
1 | function showPreview() { var passcode=document.getElementById( "passcode" ); if (passcode.value!= '' ) { if (checkDataBase()==true) { var seltitle=document.getElementById( "cl_lang" ); var title=document.getElementById( "hiduselanguage" ); var tablemain=document.getElementById( "tablemain" );<{ foreach from= $arrCL item=arr}> var table_<{ $arr .cl_lang}>=document.getElementById( "table_<{$arr.cl_lang}>" );<{/ foreach }> var sCOName=document.getElementById( "sCOName" ); var boothNumber=document.getElementById( "boothNumber" ); var sName=document.getElementById( "sName" ); var sEmail=document.getElementById( "rEmail0" ); var message=document.getElementById( "message" ); var hall=document.getElementById( "hall" ); var phone=document.getElementById( "phone" ); var website=document.getElementById( "website" ); var fEmail=document.getElementById( 'sEmail' )<{ foreach from= $arrCL item=arr}> if (seltitle.options[seltitle.selectedIndex].value == "<{$arr.cl_lang}>" ) { var labfrom=document.getElementById( "lab<{$arr.cl_lang}>from" ); var labto=document.getElementById( "lab<{$arr.cl_lang}>to" ); var labattn=document.getElementById( "lab<{$arr.cl_lang}>attn" ); var labemail=document.getElementById( "lab<{$arr.cl_lang}>email" ); var labfemail=document.getElementById( "lab<{$arr.cl_lang}>femail" ); var labbooth=document.getElementById( "lab<{$arr.cl_lang}>booth" ); var labcontact=document.getElementById( "lab<{$arr.cl_lang}>contact" ); var labhall=document.getElementById( "lab<{$arr.cl_lang}>hall" ); var labphone=document.getElementById( "lab<{$arr.cl_lang}>phone" ); var labwebsite=document.getElementById( "lab<{$arr.cl_lang}>website" ); var labmessage=document.getElementById( "lab<{$arr.cl_lang}>message" ); for (i=0;i<=19;i++) { var signFrame = document.getElementById( "tr" +i); if (signFrame.style.display== '' ) { var rName=document.getElementById( "rName" +i); var rCOName=document.getElementById( "rCOName" +i); if (labto) { labto.innerHTML=rCOName.value; } if (labattn) { labattn.innerHTML=rName.value; } break ; } } if (labfrom) { labfrom.innerHTML=sCOName.value; } if (labemail) { labemail.innerHTML=sEmail.value; } if (labfemail) { labfemail.innerHTML=fEmail.value; } if (labbooth) { labbooth.innerHTML=boothNumber.value; } if (labcontact) { labcontact.innerHTML=sName.value; } if (labhall) { labhall.innerHTML=hall.value; } if (labphone) { labphone.innerHTML=phone.value; } if (labwebsite && website.value.length > 0) { labwebsite.href=website.value; } if (labmessage) { labmessage.value=message.value; } setHTMLToObjectsByName( "lab<{$arr.cl_lang}>from" , sCOName.value); setHTMLToObjectsByName( "lab<{$arr.cl_lang}>email" , sEmail.value); setHTMLToObjectsByName( "lab<{$arr.cl_lang}>femail" , fEmail.value); setHTMLToObjectsByName( "lab<{$arr.cl_lang}>booth" , boothNumber.value); setHTMLToObjectsByName( "lab<{$arr.cl_lang}>contact" , sName.value); if (hall) { setHTMLToObjectsByName( "lab<{$arr.cl_lang}>hall" , hall.value); } if (phone) { setHTMLToObjectsByName( "lab<{$arr.cl_lang}>phone" , phone.value); } if (website && website.value.length > 0) { setHREFToObjectsByName( "lab<{$arr.cl_lang}>website" , website.value); } if (message) { setValueToObjectsByName( "lab<{$arr.cl_lang}>message" , message.value); } document.getElementById( 'div1' ).innerHTML=document.getElementById( 'div1' ).innerHTML.replace( "Dear " , "Dear " +document.getElementById( 'rName0' ).value);} tablemain.style.display= 'none' ;<{ foreach from= $arrCL item=arr2}> table_<{ $arr2 .cl_lang}>.style.display= '<{if $arr2.cl_lang eq $arr.cl_lang}><{else}>none<{/if}>' ;<{/ foreach }> }<{/ foreach }> } } else { alert( '<{$lblsInvalidPassword[$lang]}>' ); passcode.focus(); } }
|
ログイン後にコピー
jqueryに置き換えられて使えるようになりました