شئPre منتسب با يك عنصرHTML <pre> ميباشد .باشئPre ميتوان عنصرHTML <pre>صفحه را بصورت اقدامات شئ گرائي مديريت كرد.
عنصر<pre> براي تعريف متون با فرمت مشخص ، بكارگرفته ميشود .در نمايش آن مرورگر فرمت ابتدائي متن را تغيير نمي دهد .اين عنصر براي نمايش دستورات زبانهاي برنامه، شعر
و...كاربرد دارد.با متدgetElementById() ميتوان بعنصرHTML <pre> دسترسي پيداكرد.
مثال ـ دسترسي به عنصرHTML <pre> باid="myPre"
var x = document.getElementById("myPre");
با متدdocument.createElement() ميتوان شئPre را ايجاد نمود.
مثال ـ ايجاد شئPre
var x = document.createElement("PRE");
| ويژگي | شرح |
|---|---|
| width | مقدار ويژگيwidth عرض عنصر pre را تنظيم ويابرگشت ميدهد .
اين ويژگي درHTML 5 پشتيباني نميشود .بجايش از style.width استفاده ميگردد . |
ويژگيPer width مقدار ويژگيwidth عنصرHTML <pre> مرتبط باشئPre را تنظيم ويابرگشت ميدهد.
اين ويژگي درHTML 5 پشتيباني نميشود وبجايش از style.width استفاده ميگردد .
اين ويژگي عرض عنصري ازنوع سطح بلوكي(block-level) را مشخص ميكند .عنصر <pre>از همين نوع ميباشد .مثال هاي اين ويژگي روي عنصر <button> و عنصر<div> كه از نوع مشابه هستند، ارائه ميگردد .معمولا اين ويژگي و ويژگيheight باهم براي عناصر ميباشند كه به ترتيب اندازه عرض و ارتفاع عنصر را مشخص ميكننذ.
.مثال ـ عرض عنصر دكمه اي را تنظيم ميكند
document.getElementById("myBtn").style.width = "300px";
| مقدار | شرح |
|---|---|
| auto | عرض عنصر را مرورگر تنظيم ميكند .مقدار پيش فرض |
| length | مقدارعرض عنصر را برحسب واحد طول مشخص ميكند. |
| % | عرض عنصر را برحسب درصدي از عرض عنصروالد مشخص ميكند. |
| initial | اين ويژگي را به مقدار پيش فرض خود تنظيم ميكند. |
| inherit | مقدار ويژگي را از والد خود بارث ميبرد. |
مثال ـ تغيير عرض عنصر<div>
document.getElementById("myDIV").style.width = "500px";
مثال ـ تغيير عرض وارتفاع يك عنصر تصويري
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
شئPre از ويژگي ها ورويداد هاي استاندارد پيروي ميكند.
HTML <object> HTML Text Fomating