CSS
CSS的三种常用选择器：标签选择器、id选择器、class选择器，通过选择器来改变dom节点的样式。
<style>
h1{color: darkorange;font-size: 50px}
#h2ID{color: blue;font-size: 35px}
.Xclass{color: springgreen;font-size: 15px}
</style>
JS
操作dom节点，与用户进行交互。
...
<h2 id="h2ID">二号字体</h2>
...
<input type="text" name="input1" value="123" id="textID">
<input type="submit" name="input2" value="submit" onclick="clickM()">
...
<script>
<!--实现点击事件，使得h2的内容随输入框变化-->
function clickM() {
var submitName = document.getElementById("textID").value;
if (submitName.length>=5){
alert("长度超出限制，请重新输入");
}
document.getElementById("h2ID").innerHTML=submitName;
}
</script>
