找元素：
<head>
<style type="text/css">
</style>
</head>
<body>
windows对象 对窗口进行操作
<div id="a">document对象 对html文档内容进行操作</div>
<span class="b">这是元素</span>
<span class="b">这是元1素</span>
<span class="b">这是元素2</span>
<input type="button" value="按钮" name="c" />
</body>
<script type="text/javascript">
找元素：
①ID找元素
var a = document.getElementById("a");
alert(a)
②class找元素
var b = document.getElementsByClassName("b");
alert(b[1])
③标签名找元素
var c = document.getElementsByTagName("span");
alert(c[1])
④表单元素通过name找元素
var d = document.getElementsByName("c");
alert(d[0]);
</script>
id找元素
class找
表单name找元素
操作内容：
<head>
<style type="text/css">
</style>
</head>
<body>
windows对象 对窗口进行操作
<div id="a">document对象 对html文档内容进行操作</div>
<div id="e"><span>document对象 对html文档内容进行操作</span></div>
<span class="b">这是元素</span>
<span class="b">这是元1素</span>
<span class="b">这是元素2</span>
<input type="button" value="按钮" name="c" />
</body>
<script type="text/javascript">
操作
操作内容
找到元素：
var a = document.getElementById("a");
获取内容：
alert(a.innerText);
修改内容：
a.innerText = "修改的内容";
获取内容(含标签)：
alert(e.innerHTML);
修改内容：
e.innerHTML ="<b>这是修改的带有标签的内容</b>";
</script>
获取内容 
修改内容前
修改内容后
含标签修改内容