摘要：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <style> .example{widt
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.example{width: 300px;height: 200px;border: 1px solid #ccc;background: lightcoral;color:#fff;text-align: center;line-height: 200px; }
#hello{background: chartreuse;width: 300px;height: 200px;}
</style>
</head>
<body>
<div id="hello" onclick="two(this)"></div>
<div></div>
<div></div>
<button onclick="myFunction()">點(diǎn)擊</button>
<script>
function myFunction() {
var x = document.getElementsByClassName("example");
x[0].innerHTML = "花開(kāi)花落花無(wú)悔！";
x[1].innerHTML = "緣來(lái)緣去緣如水！";
}
function two(y){
var li =document.getElementById("hello");
li.style="background:red;width:500px;height:500px;border-radius: 50%;";
}
</script>
</body>
</html>
批改老師：韋小寶批改時(shí)間：2019-02-01 09:45:28
老師總結(jié)：寫的很不錯(cuò) 這種就是要多練習(xí)才可以熟練的掌握 繼續(xù)加油吧！