ล่าสุดการพัฒนาเว็บบทเรียน
×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

JS เชือก JS จำนวน JS ผู้ประกอบการ JS งบ JS คณิตศาสตร์ JS วันที่ JS แถว JS บูลีน JS นิพจน์ทั่วไป JS สถานการณ์โดยรวม JS การแปลง

เบราว์เซอร์ BOM

Window Navigator Screen History Location

HTML DOM

DOM เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM เหตุการณ์ DOM รูปแบบ

HTML วัตถุ

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

วัตถุอื่น ๆ

CSSStyleDeclaration


 

HTML DOM clientTop Propery

<ธาตุวัตถุ

ตัวอย่าง

ได้รับความกว้างของที่ <div> องค์ประกอบของเส้นขอบด้านบนและด้านซ้าย:

var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";

ผลจากการ txt จะเป็น:

Border top width: 15px
Border left width: 10px
ลองตัวเอง»

เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง


ความหมายและการใช้งาน

คุณสมบัติ clientTop ส่งกลับความกว้างของเส้นขอบด้านบนขององค์ประกอบพิกเซล

สถานที่ให้บริการนี้ไม่รวมถึงช่องว่างด้านบนองค์ประกอบหรือขอบบน

เคล็ดลับ: คุณยังสามารถใช้ style.borderTopWidth คุณสมบัติเพื่อกลับความกว้างของเส้นขอบด้านบนเป็นองค์ประกอบของ

เคล็ดลับ: หากต้องการกลับความกว้างของขอบด้านซ้ายขององค์ประกอบใช้ clientLeft คุณสมบัติ

สถานที่แห่งนี้เป็นอ่านอย่างเดียว


สนับสนุนเบราว์เซอร์

คุณสมบัติ
clientTop ใช่ ใช่ ใช่ ใช่ ใช่

วากยสัมพันธ์

element .clientTop

รายละเอียดทางเทคนิค

กลับค่า: หมายเลขที่เป็นตัวแทนของความกว้างของเส้นขอบด้านบนเป็นองค์ประกอบของพิกเซล

<ธาตุวัตถุ