[技術討論] 有網頁個source data,點寫html code??

本帖最後由 tomtsang 於 2016-7-20 17:54 編輯

hello,c兄,之前我見過人整過一堆html code,一入copy and paste就可以入曬資料,近排想研究下點整
-想問下如果我有個網頁個source,其實可唔可以整到寫到html code然後即刻入曬d data,我唔係好識寫,所以想請教下大家。
-以下我搵左個個網頁既source
-我試過係console個到入過
if(document.getElementById('Name') != undefined){

document.getElementById('Name').value = "123";

}

-最後顯示undefined。。。。其實係咩野問題???

  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  4. <title>AEGTicketing.com</title>
  5. <link rel="stylesheet" href="../Style.css" type="text/css">
  6. <script language="JavaScript">
  7. <!--
  8. function MM_preloadImages() { //v3.0
  9.   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  10.     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  11.     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  12. }

  13. function MM_swapImgRestore() { //v3.0
  14.   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
  15. }

  16. function MM_findObj(n, d) { //v4.0
  17.   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  18.     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  19.   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  20.   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  21.   if(!x && document.getElementById) x=document.getElementById(n); return x;
  22. }

  23. function MM_swapImage() { //v3.0
  24.   var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  25.    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
  26. }
  27. //-->
  28. </script>
  29. <script src="../jquery-1.11.1.min.js"></script>
  30. </head>

  31. <body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" bgcolor="#BEBCBF" background="../images/template_m_bg_black.gif">

  32. <div align="center">
  33.         <table border="0" width="960" cellspacing="0" cellpadding="0" id="table1">
  34.                 <tr>
  35.                         <td colspan="3">
  36.                         <img border="0" src="../images/ticketing_template_top.jpg" width="960" height="226" galleryimg="no"></td>
  37.                 </tr>
  38.                 <tr>
  39.                         <td colspan="3">
  40.                         <img border="0" src="../images/template_m_top.jpg" width="960" height="26"></td>
  41.                 </tr>
  42.                 <tr>
  43.                         <td width="30" background="../images/template_m_left.jpg" valign="top">
  44.                         <img border="0" src="../images/template_m_left.jpg" width="30" height="386"></td>
  45.                         <td width="900" valign="top" bgcolor="#FFFFFF">
  46. <head>
  47. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  48. </head>


  49. <!-- Begin Content -->
  50.                   <div align="center">
  51.                         <table border="0" cellpadding="10" cellspacing="0" width="700">
  52.                           <tr>
  53.                                 <td width="600" valign="top">
  54.                                 <p><font face="arial, helvetica, sans-serif" color="#0000ff"><strong>Dear Jane Concert 2016<br />Dear Jane哪裡只得我共你LIVE 2016</strong></font></p><p>Priority Booking period &ndash;&nbsp;Jul 19, 2016 9am till&nbsp;Jul 22, 2016 11:59 pm,<br />First come first served. </p><p>優先訂購日期由2016年7月19日至7月22日<br /><font color="#ff0000"><font color="#000000">數量有限,售完即止!</font></font></p>
  55.                                 </td>
  56.                                 <td width="100" valign="top" align="right"> </td>
  57.                           </tr>
  58.                           </table>

  59.                                 <table border="0" width="700" cellspacing="0" cellpadding="0">
  60.                                         <tr>
  61.                                                 <td><img border="0" src="images/Titles_05.jpg" width="300" height="30"></td>
  62.                                         </tr>
  63.                                         <tr>
  64.                                                 <td bgcolor="#FFBC79" height="5"></td>
  65.                                         </tr>
  66.                                 </table>

  67.                                 <form method="post" action="/DearJane2016/tc/ticketing_03.asp?pb=1" name="form1">
  68.                                 <table border="0" cellpadding="2" cellspacing="0" width="500">
  69.                                   <tr>
  70.                                         <td bgcolor="#CCCCCC" colspan="2"><b><font size="2" color="#FF3E00">個人 / 聯絡資料:</font></b></td>
  71.                                   </tr>
  72.                                   <tr>
  73.                                         <td valign="top"><font color="#FF0000">*</font>持卡人英文全名:</td>
  74.                                         <td valign="top">
  75.                                                 <input type="text" name="Name" value="" size="30" maxlength="100">
  76.                                                
  77.                                         <br>
  78.                                         (必須填寫真實姓名,如資料不屬實,訂單將會被取消)                                        </td>
  79.                                   </tr>
  80.                                   <tr>
  81.                                         <td><font color="#FF0000">*</font>電郵地址:</td>
  82.                                         <td>
  83.                                                 <input type="text" name="Email" value="" size="30" maxlength="100">
  84.                                                
  85.                                         </td>
  86.                                   </tr>
  87.                                   <tr>
  88.                                         <td><font color="#FF0000">*</font>聯絡電話號碼:</td>
  89.                                         <td>
  90.                                                 <input type="text" name="Tel" value="" size="30" maxlength="100">
  91.                                                
  92.                                         </td>
  93.                                   </tr>
  94.                                   <tr>
  95.                                         <td><font color="#FF0000">*</font>手提電話號碼:</td>
  96.                                         <td>
  97.                                                 <input type="text" name="Mobile" value="" size="30" maxlength="100">
  98.                                                
  99.                                         </td>
  100.                                   </tr>
  101.                                   <tr>
  102.                                     <td>手提電話號碼區域:</td>
  103.                                     <td>
  104.                                       <label><input name="MobileArea" type="radio" value="hk" checked>香港</label>
  105.                                       <label><input name="MobileArea" type="radio" value="mo" >澳門</label>
  106.                                       <label><input name="MobileArea" type="radio" value="cn" >中國</label>                                        </td>
  107.                               </tr>
  108.                                   <tr>
  109.                                         <td><font color="#FF0000">*</font>郵寄地址:</td>
  110.                                         <td>
  111.                                                 <input type="text" name="Address1" value="" size="30" maxlength="100" onKeyDown="if(event.keyCode==13)event.keyCode=9;if(Address1.value.length>=30 && event.keyCode!=8){alert('地址欄1的字數已超過限制');Address1.value=Address1.value.substring(0,30);}">
  112.                                                
  113.                                         </td>
  114.                                   </tr>
  115.                                   <tr>
  116.                                         <td></td>
  117.                                         <td>
  118.                                                 <input type="text" name="Address2" value="" size="30" maxlength="100" onKeyDown="if(event.keyCode==13)event.keyCode=9;if(Address2.value.length>=30 && event.keyCode!=8){alert('地址欄2的字數已超過限制');Address2.value=Address2.value.substring(0,30);}">
  119.                                         </td>
  120.                                   </tr>
  121.                                   <tr>
  122.                                         <td>&nbsp;</td>
  123.                                         <td>
  124.                                                 * 必須為香港地址,中國及其他國家不接受郵寄。</td>
  125.                                   </tr>
  126.                                   <tr>
  127.                                         <td>&nbsp;</td>
  128.                                         <td>
  129.                                                 <font color="#FF0000">* 必須填寫</font></td>
  130.                                   </tr>
  131.                                  </table>
  132.                                 <br>
  133.                                 <table border="0" cellpadding="2" cellspacing="0" width="500">
  134.                                   <tr>
  135.                                         <td bgcolor="#CCCCCC" colspan="2"><b><font size="2" color="#FF3E00">訂<span lang="zh-tw">購</span>資料:</font></b></td>
  136.                                   </tr>
  137.                                   <tr>
  138.                                         <td colspan="2"><p>Concert Name: Dear Jane Concert 2016<br />演出名稱:Dear Jane哪裡只得我共你LIVE 2016</p><p>Show Date:&nbsp;Sep&nbsp;3, 2016<br />演出日期:2016年9月3日</p><p>Venue: Star Hall (KITEC)<br />演出地點:九龍灣國際展貿中心Emax 3樓 &ndash; 匯星Star Hall</p><p>Show Time: 8:15pm<br />演出時間:晚上8時15分</p><p>Ticket Price: HK$580 / HK$480 / HK$380<br />票價  :HK$580 / HK$480 / HK$380</p></td>
  139.                                   </tr>
  140.                                 </table>
  141.                                 <br>
  142.                                 <table border="0" cellspacing="0" cellpadding="5">
  143.                                         <tr align="center">
  144.                                                 <td>日期</td>
  145.                                                 <td width="80">票價</td>
  146.                                                 <td width="60">張數</td>
  147.                                                 <td width="80">手續費</td>
  148.                                                 <td width="100">合共</td>
  149.                                                 <td></td>
  150.                                         </tr>
  151.                                         <input type="hidden" name="bdNum" value="1">

  152.                                         <input type="hidden" name="Date_1" value="1">
  153.                                         <input type="hidden" name="Price_1" value="1">
  154.                                         <input type="hidden" name="Qty_1" value="1">
  155.                                         <tr>
  156. <td align="center">2016年9月3日</td>
  157.                                                 <td align="center">$580</td>
  158.                                                 <td align="center">1</td>
  159.                                                 <td align="center">$32</td>
  160.                                                 <td align="center">$612</td>
  161.                                         </tr>

  162.                                         <tr>
  163.                                                 <td colspan="5"><img border="0" src="images/Line_3x3_gray.gif" width="100%" height="3"></td>
  164.                                         </tr>
  165.                                         <tr align="center">
  166.                                                 <td colspan="2"></td>
  167.                                                 <td>共 1 張</td>

  168.                                                 <td align="right">總額:</td>
  169.                                                 <td> HK$612</td>
  170.                                         </tr>
  171.                                 </table>
  172.                                 <br>
  173.                                 <input type="image" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Prev','','images/Button_Previous_over.jpg',1)" src="images/Button_Previous.jpg" border="0" width="104" height="24" name="Prev">
  174.                                 <input type="image" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Next','','images/Button_Next_over.jpg',1)" src="images/Button_Next.jpg" border="0" width="104" height="24" name="Next">
  175.                                 </form>

  176.                                 <table border="0" width="600" cellspacing="0" cellpadding="5">
  177.                                         <tr>
  178.                                                 <td valign="top"><hr color="#FFBC79">
  179. <img border="0" src="images/Organizer.jpg"></p>
  180. <p></p>
  181.                                                 </td>
  182.                                         </tr>
  183.                                 </table>
  184.                                 <hr style="color: #FFBC79; width: 700px; height: 5px; margin-bottom: 20px;">
  185.                       </div>
  186. <!-- End Content -->
  187.                         </td>
  188.                         <td align="right" width="30" background="../images/template_m_right.jpg" valign="top">
  189.                         <img border="0" src="../images/template_m_right.jpg" width="30" height="386"></td>
  190.                 </tr>
  191.                 <tr>
  192.                         <td colspan="3" height="88" align="center" background="../images/template_m_bottom.jpg">
  193.                         <font face="Arial" style="font-size:11px">[
  194. </font><font face="Arial" color="#333333" style="font-size:11px">
  195. <a href="index.asp" class="btm">回主頁</a></font><font face="Arial" style="font-size:11px">
  196.                         ] [
  197. </font><font face="Arial" color="#333333" style="font-size:11px">
  198. <a href="http://www2.aegpromotion.com/tc/aboutus.asp" class="btm">關於我們</a></font><font face="Arial" style="font-size:11px">
  199.                         ] [
  200. </font>
  201.                         <font face="Arial" color="#333333" style="font-size:11px">
  202. <a href="http://www2.aegpromotion.com/tc/history.asp" class="btm">演出記錄</a><font face="Arial" style="font-size:11px">
  203.                         ] [
  204. </font>
  205. <a href="http://www2.aegpromotion.com/tc/contactus.asp" class="btm">聯絡我們</a><font face="Arial" style="font-size:11px">
  206.                         ] [
  207. </font>
  208. <a href="http://www2.aegpromotion.com/tc/privacy.asp" class="btm">私隱政策</a><font face="Arial" style="font-size:11px">
  209.                         ] [
  210. </font>
  211. <a href="terms.asp" class="btm">條款及細則</a><font face="Arial" style="font-size:11px">
  212.                         ]</font></font><br><br>
  213.                 <font size="2" face="Arial">Copyright &copy; 2016 AEG Promotion Ltd. All Rights Reserved. Powered by </font>
  214.                 <font size="2" face="Arial" color="#333333"><a target="_blank" href="http://www.hkwww.com">HKWWW</a></font></td>
  215.                 </tr>
  216.         </table>
  217. </div>

  218. </body>

  219. </html>
複製代碼

回覆 1# tomtsang

TRY TRY:

document.querySelector("input[name=Name").value = "Mr Hello";
document.querySelector("input[name=Email").value = "hello@world.com";

TOP

回覆  tomtsang

TRY TRY:

document.querySelector("input[name=Name").value = "Mr Hello";
document.qu ...
gamezz 發表於 2016-7-20 17:17


thank you so much.....
c兄,WORK AR
可否解解知點解得??

TOP

回覆  tomtsang

TRY TRY:

document.querySelector("input[name=Name").value = "Mr Hello";
document.qu ...
gamezz 發表於 2016-7-20 17:17


點解用if element id唔得,但用document query又ok?個網用既command唔一樣??研究左好耐,估唔到一上黎問就解到,thanksssssss

TOP

getElementById係要有id="Name"先match到
name="Name"係match唔到

唔同情況用唔同selector

TOP

直接用jQuery selector

TOP

直接用jQuery selector
stta800 發表於 2016-7-20 22:36


jQuery selector其實同querySelector用法大同小異

TOP

回復 3 #tomtsang

一個input field, 通常有三個方式去select 佢: id , class, name

你張form d field 得name attribute , 所以你用id select 當然無return.

via HKEPC Reader for Android

TOP

回覆 2# gamezz

岩岩發現呢段js剩係chrome用到,ie同safari都唔work,會出Error: SyntaxError: DOM Exception 12,其實又點解??個個瀏覽器識別既js都唔同??

TOP

回覆 8# gamezz

thxxx!甘如果用class既話,個code又變左點打??

TOP