x
1
2
<html>3
<head>4
<meta charset="utf-8">5
<title>蜜蜂教程(mifengjc.com)</title>6
<style>7
#myDIV {8
width: 220px;9
height: 300px;10
border: 1px solid black;11
display: flex;12
}13
</style>14
</head>15
<body>16
17
<p>点击“尝试一下”按钮设置 "myDIV" 元素内的所有 DIV 元素的 flex 属性：</p>18
<button onclick="myFunction()">尝试一下</button>19
<div id="myDIV">20
<div style="background-color:coral;">红色</div>21
<div style="background-color:lightblue;">蓝色</div>22
<div style="background-color:lightgreen;">带有更多内容的绿色 div</div>23
</div>24
<script>25
function myFunction() {26
var x = document.getElementById("myDIV");27
var y = x.getElementsByTagName("div");28
for (i = 0; i < y.length; i++) {29
y[i].style.flex = "1";30
}31
}32
</script>33
34
</body>35
</html>