Latest web development tutorials
×

JavaScript & HTML DOM คู่มืออ้างอิง

ภาพรวม

JavaScript วัตถุ

JavaScript Array วัตถุ JavaScript Boolean วัตถุ JavaScript Date วัตถุ JavaScript Math วัตถุ JavaScript Number วัตถุ JavaScript String วัตถุ JavaScript RegExp วัตถุ JavaScript อสังหาริมทรัพย์ทั่วโลก / ฟังก์ชั่น JavaScript ผู้ประกอบการ

Browser วัตถุ

Window วัตถุ Navigator วัตถุ Screen วัตถุ History วัตถุ Location วัตถุ

DOM วัตถุ

HTML DOM Document วัตถุ HTML DOM วัตถุธาตุ HTML DOM แอตทริบิวต์วัตถุ HTML DOM วัตถุที่จัดกิจกรรม

HTML วัตถุ

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <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> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

HTML DOM รูปแบบอสังหาริมทรัพย์ที่ชัดเจน

อ้างอิงวัตถุสไตล์ สไตล์วัตถุ

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

ชุดคุณสมบัติที่ชัดเจนหรือส่งกลับตำแหน่งขององค์ประกอบที่เกี่ยวข้องกับวัตถุลอย

ไวยากรณ์

การตั้งค่าคุณสมบัติที่ชัดเจน

Object.style.clear="none|left|right|both|inherit"

แอตทริบิวต์กลับชัดเจน

Object.style.clear

描述
none 默认。允许浮动对象出现在元素两侧。
left 不允许浮动对象出现在元素的左侧。
right 不允许浮动对象出现在元素的右侧。
both 不允许浮动对象出现在元素的左侧或右侧。
inherit clear 属性的值应该从父元素继承。


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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

เบราว์เซอร์ที่สำคัญทั้งหมดได้รับการสนับสนุนโดยสถานที่ที่ชัดเจน

หมายเหตุ: IE7 และรุ่นก่อนหน้าไม่สนับสนุน "สืบทอด" ค่าIE8 เพียง แต่ให้! ประเภทเอกสารที่สนับสนุน "มรดก" สนับสนุน IE9 "มรดก"


ตัวอย่าง

ตัวอย่าง

ไม่อนุญาตให้วัตถุลอยปรากฏทางด้านซ้ายของข้อความ:

<! DOCTYPE html>
<html>
<head>
<Meta charset = "UTF-8">
<title> กวดวิชานี้ (w3big.com) </ title>
<ชนิด style = "text / CSS">
img {
ลอย: ด้านซ้าย;
}
</ style>
<script>
ฟังก์ชั่น displayResult () {
document.getElementById ( "P1") style.clear = "ซ้าย" .;
}
</ script>
</ head>
<body>

<img src = "w3javascript.gif" width = "100" height = "132">
<p id = "P1"> นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน นี่คือข้อความบางส่วน </ p>
<ประเภทขาเข้า = "ปุ่ม" onclick = "displayResult ()" value = "ข้อความทิ้งลอย">

</ body>
</ html>

ลอง»


อ้างอิงวัตถุสไตล์ สไตล์วัตถุ