一、对象
(一)节点:节点的层级关系,父子关系,兄弟关系
节点的类型: 标签节点,注释节点,文本节点
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
window.onload = function() {
var nodes = document.all;
for (var i = 0; i < nodes.length; i++) {
alert(nodes[i].nodeName + "===" + nodes[i].nodeType);
}
var chs = document.body.lastElementChild.childNodes;
for (var i = 0; i <chs.length; i++) {
alert(chs[i].nodeName + "===" + chs[i].nodeType);
}
var chs = document.body.firstElementChild.nextElementSibling.childNodes;
for (var i = 0; i <chs.length; i++) {
//alert(chs[i].nodeName + "===" + chs[i].nodeType);
if(chs[i].nodeType==1){
chs[i].style.color="red";
}
}
}
</script>
</head>
<body>
<!-- 注释 -->
<div>
<h1>aabc</h1>
</div>
<div>
<h1>aabcsfsdfsdfsdf</h1>
<h1>aabcsfsdfsdfsdf</h1>
</div>
</body>
</html>
(二)自定义函数
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
/*
//构造函数
function Student(name,age){
//alert("构造函数调用了");
//alert(this);
this.name=name;
this.age=age;
this.eat=function(){
alert("吃饭");
}
};
var stu=new Student("张三",23);
alert(stu.name);
alert(stu.age);
stu.eat();
var stu2=new Student("李四",24);
alert(stu2.name);
alert(stu2.age);
stu2.eat();
*/
var obj=new Object();
obj.name="战三";
obj.age=23;
obj.eat=function(){
alert("吃法");
}
alert(obj.name)
alert(obj.age);
obj.eat();
</script>
</head>
<body>
</body>
</html>
(三)二级联动
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<select id="sf" onchange="selecSF()">
<option value ="">--省份--</option>
<option value ="">陕西</option>
<option value ="">河南</option>
</select>
<select id="citys">
<option value ="">--请选择城市--</option>
</select>
</body>
<script type="text/javascript">
/*
当我选择了省份后,后面的下拉框的内容要变成这个省份对应的城市
*/
//省市二级联动
//获取省份这个标签对象
var arr=[[],["请选择城市","西安","商洛","宝鸡","咸阳","铜川","渭南","汉中","安康","榆林","延安"],["请选择城市","商丘","郑州","驻马店","南阳","洛阳","开封"]];
var sheng=document.getElementById("sf");
var city=document.getElementById("citys");
function selecSF(){
//清空旧数据
city.innerHTML="";
//alert("选择而来");
var index=sheng.selectedIndex;
//alert(index);
var citys=arr[index];
for(var i=0;i<citys.length;i++){
//取出这个