.有2个box,请设置初始width为80px,height为70px,然后分别获取第一个box的height值以及设置第二个box的width值为90.

.有2个box,请设置初始width为80px,height为70px,然后分别获取第一个box的height值以及设置第二个box的width值为90.

这个可以用css去设置,也可以用伪类定义。


<div id="box1" style="width: 80px; height: 70px; background-color: red;"></div>
<div id="box2" style="width: 80px; height: 70px; background-color: blue;"></div>
var box1Height = $("#box1").height();
console.log("box1的height值为:" + box1Height + "px");
// 设置第二个boxwidth值为90
$("#box2").width(90);


<style>
  .box {
    width: 80px;
    height: 70px;
    background-color: #ccc;
    margin: 10px;
  }
</style>
<div class="box" id="box1"></div>
<div class="box" id="box2"></div>
// 获取第一个box的height值
var box1 = document.getElementById('box1');
var height1 = box1.clientHeight;
console.log('box1 height:', height1);
// 设置第二个box的width值为90
var box2 = document.getElementById('box2');
box2.style.width = '90px';