通过DOM操作，完成如下效果实现
1.点亮灯泡
2.将所有的div标签的标签体内容后面加上：very good(红色)
3.使所有的复选框呈现被选中的状态
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JS-对象-DOM-案例</title>
</head>
<body><img src="img/off.gif" id="h1"> <br><br><div class="cls">传智教育</div> <br><div class="cls">黑马程序员</div> <br><input type="checkbox" name="hobby"> 电影<input type="checkbox" name="hobby"> 音乐<input type="checkbox" name="hobby"> 舞蹈</body>
<script>/* 通过DOM操作，完成如下效果实现1.点亮灯泡2.将所有的div标签的标签体内容后面加上：very good(红色)3.使所有的复选框呈现被选中的状态*/ // 1.点亮灯泡var img = document.getElementById('h1');img.src = "img/on.gif";// 2.将所有的div标签的标签体内容后面加上：very good(红色)var divs = document.getElementsByTagName('div');for (let i = 0; i < divs.length; i++) {const element = divs[i];element.innerHTML += "<font color = 'red'>very good</font>";}// 3.使所有的复选框呈现被选中的状态var ins = document.getElementsByName('hobby');for (let i = 0; i < ins.length; i++) {const element = ins[i];element.checked = true;}
</script>
</html>
