Rumah >hujung hadapan web >tutorial js >Bagaimana untuk menukar lebar dan ketinggian elemen dalam javascript
Bagaimana untuk menukar lebar dan ketinggian elemen dalam javascript
- 青灯夜游asal
- 2021-11-08 17:08:585550semak imbas
Kaedah tukar: 1. Gunakan pernyataan "getElementById()" untuk mendapatkan objek elemen berdasarkan nilai id; 2. Gunakan "elemen object.setAttribute("style","width: width value; height : nilai ketinggian;" )" penyataan mengubah lebar dan tinggi elemen.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.
Dalam javascript, anda boleh menggunakan kaedah setAttribute() untuk menukar lebar dan ketinggian elemen. Kaedah
setAttribute() menambah atau memberikan atribut yang ditentukan kepadanya dan memberikannya nilai yang ditentukan. Jika sifat yang dinyatakan ini sudah wujud, nilai hanya ditetapkan/diubah.
Sintaks:
元素对象.setAttribute('属性','属性值');
Kod pelaksanaan:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
div{
border: 1px solid red;
}
</style>
</head>
<body>
<div id="div" style="width: 200px;height: 200px;"></div>
<script>
var div=document.getElementById("div");
div.setAttribute("style","width: 100px;height: 100px;");
</script>
</body>
</html>Rendering:
[ Pembelajaran yang disyorkan: Tutorial JavaScript Lanjutan]
Atas ialah kandungan terperinci Bagaimana untuk menukar lebar dan ketinggian elemen dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!