在网页上直接修改样式这个功能直接使用的比较少，但在做网页前端的时候使用到相似的功能却不少，所以其中的原理还是很有必要知道一下的。
原理概念：很简单就是获取输入的样式，将其赋值给相对应要改变的元素。
难点 要点：同时掌握jQuery方法和JavaScript方法，封装一个函数，再创建一个单击事件，函数内容：
获取输入值：
var kuandu = document.getElementById("kuandu").value;
$("#kuandu").val(),
赋值给相应要改变的元素：
var fk = document.getElementById("fk"); fk.style.width = kuandu;
"width":$("#kuandu").val(),
区分对比两种方法的共同点与不同点，很清楚地可以发现jQuery方法会更简洁。效果图如下：
源代码如下，仅供参考！
| <!doctype html> <html> <head> |
最低0.47元/天 解锁文章
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
