本文通过一个简单的实例展示了如何使用JavaScript动态修改HTML元素的宽度、高度、背景颜色、边框和圆角。读者将学习到如何获取元素ID、绑定点击事件以及更新样式属性，以实现图形的实时变化。
内容;
今天我们来做一个超简单的案例，这个案例简单就是修改里面的：宽度、高度、背景颜色、边框、圆角，然后点击运行，接着右边的图形作出相应的改变。
- 代码
1.HTML:首先需要设置要改变的属性值，改变属性的按钮，改变图形的样式，看个人爱好可以设置背景图片，为它们设置类名以及ID名以方便后面的JavaScript获取使用；这样我们的HTML就算完成了。
<body>
<div class="set_con">
<div class="left_set">
<label>宽度：</label>
<input type="text" value="100px" id="input01">
<label>高度：</label>
<input type="text" value="100px" id="input02">
<label>背景色：</label>
<input type="text" value="gold" id="input03">
<label>边框：</label>
<input type="text" value="5px solid #000" id="input04">
<label>圆角：</label>
<input type="text" value="0px" id="input05">
最低0.47元/天 解锁文章
2145
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
