​x
 
<!DOCTYPE html>
<html>
<body>
​
<h2 id="myH2">这是示例 h2</h2>
<p id="myP">这是示例段落。</p>
<p id="myP2">这也是示例段落。</p>
<div id="myDiv">这是示例 div。</div>
<br>
​
<button type="button" onclick="myFunction()">设置文本颜色</button>
​
<script>
function myFunction() {
  document.getElementById("myH2").style.color = "#ff0000";
  document.getElementById("myP").style.color = "magenta";
  document.getElementById("myP2").style.color = "blue";
  document.getElementById("myDiv").style.color = "lightblue";
}
</script>
​
</body>
</html>
​