masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > 使用js解决由border属性引起的div宽度问题_javascript技巧

使用js解决由border属性引起的div宽度问题_javascript技巧

WBOY
Lepaskan： 2016-05-16 17:12:22
asal
1266 orang telah melayarinya

下面我们来看一个例程

复制代码 代码如下:







注意看注释，为什么会出现这个现象呢？其实就是由于border引起的，由于ok.style.width指定的是div的宽度，而offsetwidth指的是实际的宽度，包括border宽度。所以这个右边的式子得到的宽度值其实比左边大一个像素，解决办法，每次减去3个像素就可以达到实际减去一个像素的目的。或者用右边也用parseInt(div.style.width),但要修改div如下：
复制代码 代码如下:

Label berkaitan：
harta sempadan
sumber：php.cn
Artikel sebelumnya：Google Dart编程语法和基本类型学习教程_基础知识 Artikel seterusnya：jQuery实现可收缩展开的级联菜单实例代码_javascript技巧
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Gerakkan kandungan ke kiri dengan menambahkan sifat Width Saya telah memberikan margin kepada badan. utama {margin kiri: 200px; jidar kanan: 200px p...
daripada 2024-04-06 22:01:35
0
3
816
Bagaimana untuk membuat elemen terapung disusun secara menegak dan bukannya secara mendatar dalam CSS? Saya cuba membuat halaman web dengan dua lajur, dengan kandungan utama di satu pihak dan k...
daripada 2024-04-06 20:45:26
0
2
386
Kira jumlah medan dalam jadual lain menggunakan pertanyaan MySQL SQL Saya mempunyai skema seperti ini: Jadual pengguna dengan atribut "user_id" dan &...
daripada 2024-04-06 19:39:29
0
1
441
Gaya CSS tidak digunakan pada tapak Saya sedang membuat tapak web menggunakan Bootstrap5 tetapi sifat index.css tidak digunaka...
daripada 2024-04-06 17:12:23
0
1
336
Cara menukar sifat tatasusunan bersarang JSON "id_projek" dan "nama_projek" 问题：[{"project_id":1,"project_name":"CDP","role":&q...
daripada 2024-04-06 15:39:51
0
1
466
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan