发表于： 2020-07-26 23:38:23
1 1238
今天完成的事情：
学习获取元素的样式
window.onload = function () {
// 点击按钮后修改box1大小
// 获取box1
var box1 = document.getElementById("box1");
// 为按钮绑定单击响应函数
var btn01 = document.getElementById("btn01");
btn01.onclick = function () {
// 修改box1的宽度
/*
通过js修改元素的样式
语法：元素.style.样式名=样式值
注意:样式中含有-，不合法，去掉-，改为-后首大写字母
*/
box1.style.width = "300px";
box1.style.height = "300px";
box1.style.backgroundColor = "yellow";
// 点击按钮2以后，读取样式的样式
var btn02 = document.getElementById("btn02");
btn02.onclick = function () {
// 读取box1的样式
/*
语法：元素.style.样式名
通过style属性设置和读取的都是内联样式，无法读取样式表中的样式
*/
alert(box1.style.width);
};
}
};
dom删改笔记出问题，明天准备重新看一遍
返回列表
评论