WWW.lllT.neT

改变方法:1、应用“getElementById()”句子依据id值获得原素目标;2、应用“原素目标.setAttribute("style","width:总宽值;height:高宽比值;")”句子更改原素高宽。

本实例教程实际操作自然环境:windows7系统软件、javascript1.8.5版、Dell G3电脑上。

在javascript中,可以运用setAttribute() 方式来更改原素高宽。

setAttribute() 方式加上或这类特定的特性,并且为其赋特定的值。假如这一特定的特性已存有,则仅设定/变更值。

英语的语法:

原素目标.setAttribute('特性','特性值');

完成编码:

<!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>

设计效果图:

1 (1).png

【建议学习培训:javascript高级教程】

以上便是javascript如何更改原素高宽的详尽具体内容,大量请关心自学java网其他相关文章!

WWW.lllT.neT

声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!

原文地址:javascript如何更改原素高宽发布于2021-12-18 16:00:02