2018-07-19

DOM中的增加和删除

1.增加一个空元素
var ele=document.createElement('ele');
2.给元素添加属性
ele.属性='值'
3.把元素追加到父元素下
father.appendChld(ele);
4.删除元素
parent.removeChild(child);
5.给元素前面插入一个新元素：
parent.insertBefore(要插入的元素，在哪个元素前面)

对象

对象是属性的集合,也是一种数据类型.
创建一个对象

var obj={};
var obj=new Object();
var tr={
    name:'张三',
    age:18,
    sex:'男',
}
获取对象中的属性的方法:
1.对象名.属性名
 tr.name
2.对象名[属性名]
tr[age]

对象中属性的类型
对象中的属性可以是字符串，数字，也可以为函数。当对象中的属性值为函数的时候，我们称这个属性为对象的方法.

var person={
    name:'张三',
    age:18,
    sex:'男',
    sayName:function(){
            console.log('我的名字叫张三')
    }
}
person.sayName();
对象中的方法想要访问对象中的属性要用this关键字
var person={
    name:'张三',
    age:18,
    sex:'男',
    sayName:function(){
            // console.log('我的名字叫'+name);name不会被输出
            //对象中的方法想要访问对象中的属性必须要用this关键字
            console.log('我的名字叫'+this.name);
    }
}
person.sayName();

如何遍历js中的对象

var person={
    name:'张三',
    age:18,
    sex:'男'
}
for(var key in person){
    //输出对象中的属性值
    console.log(person[key]);
    //输出对象中的关键字
    console.log(key);
}