29 พฤศจิกายน 2552

Mapping Html tag กับ Javascript

จริงๆมันก็เป็นการมอง Html tag มาอยู่ในรูปของ javascript object ครับโดยการ Map ก็จะเริ่มจาก
  1. Web Page
    • HTML tag             ==>   <BODY>. . .</BODY>
    • Javascript Object   ==>   document
  2. Image
    • HTML tag             ==>   <img name="”my_Image”" />
    • Javascript Object   ==>   document.my_Image

  3. HTML form
    • HTML tag             ==>  
      <form name="”my_Form”">
      ......
      </form>


    • Javascript Object   ==>   document.My_Form

  4. Button
    • HTML tag             ==>   <input name="”my_Button”" type="”button”" />
    • Javascript Object   ==>   document.My_Form.my_Button
โดยอันที่เป็น Button ต้องระบุด้วยว่า เป็นObject ของ Form ไหน
ตัวอย่างเช่น
<form name="form1"> <input name="button1" type="button" /> </form>
การจะอ้างถึง "button1" นี้ใน javascript ก็จะเป็น
<script language="”JavaScript”"> document.form1.button1.value = "OK"; </script>

ไม่มีความคิดเห็น:

แสดงความคิดเห็น