静态方法:document.getElementById()
动态方法:document.getElementsByTagName()
在使用TagName时,一定要在后面添加中括号[]例如:
var list = document.getElementsByTagName('ul')[0];
因为获取的ul是一个数组,只取第一个ul,所以中括号里是数字0
动态方法特性
<script>
window.onload = function(){
document.title = 123;//更改标题名字,直接修改就可以;
document.body.innerHTML = '我是修改的body内容';//更改body里的内容,要添加innerHtml才可以修改
// 动态添加标签,给body中添加input标签
document.body.innerHTML = '<input type="button" value="按钮1" /><input type="button" value="按钮2" /><input type="button" value="按钮3" />';
//获取body中的input标签
var btn = document.getElementsByTagName('input');
alert(btn.length);//3,查看有几个input标签
btn[0].onclick = function(){alert(1);}
btn[1].onclick = function(){alert(2);}
btn[2].onclick = function(){alert(3);}
}
</script>