Element节点
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Element节点</title>
</head>
<style>
.demo {
padding: 100px;
background: #900;
}
</style>
<body>
<div>123</div>
</body>
<script>
var div = document.getElementsByTagName('div')[0];
// Element 节点的一些属性
div.innerHTML = '456';
div.innerHTML += '789';
// innerText (老版本火狐不兼容)
div.innerText = '123';
// Element 节点的一些方法
div.setAttribute('class', 'demo');
div.getAttribute('class');
// 简便写法
div.className = 'demo';
div.id = 'demo';
</script>
</html>