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

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


 

ภาพ naturalHeight ทรัพย์สิน

ภาพอ้างอิงวัตถุ ภาพวัตถุ

ตัวอย่าง

กลับมีความสูงเดิมของภาพ:

var x = document.getElementById("myImg").naturalHeight;

ผลของ X จะเป็น:

98
ลองตัวเอง»

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

สถานที่ให้บริการ naturalHeight ผลตอบแทนที่สูงเดิมของภาพ

ตัวอย่างเช่นถ้าคุณมีภาพที่มีพื้นเพมา 200 พิกเซลสูง จากนั้นคุณสไตล์ภาพด้วย CSS / หรือโดยการใช้ HTML "height" แอตทริบิวต์ที่จะทำให้มัน 500 พิกเซลสูง สถานที่ให้บริการ naturalHeight จะกลับมา "200" ที่ มีความสูง คุณสมบัติ แต่จะกลับมา 500

เคล็ดลับ: ใช้ naturalWidth คุณสมบัติที่จะกลับมามีความกว้างเดิมของภาพหรือ ความกว้างของ สถานที่ให้บริการในการตั้งหรือกลับค่าของ width แอตทริบิวต์ของภาพ

หมายเหตุ: คุณสมบัตินี้ถูกอ่านอย่างเดียว


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

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

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

imageObject .naturalHeight

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

กลับค่า: ตัวเลขที่เป็นตัวแทนของความสูงเดิมของภาพในพิกเซล

ตัวอย่างเพิ่มเติม

ตัวอย่าง

ความแตกต่างระหว่างคุณสมบัติ naturalHeight และทรัพย์สินความสูง:

var x = document.getElementById("myImg").naturalHeight;
var y = document.getElementById("myImg").height;
ลองตัวเอง»

ภาพอ้างอิงวัตถุ ภาพวัตถุ