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);
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,114评论 0 3
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 10,634评论 0 21
  • 前端很火,想自学前端的人也多。作为过来人,知道自学的辛苦。所以小编精心制作这份学习路线图,就是让想自学前端的小伙伴...
    web前端04阅读 26,567评论 8 17
  • 新的一天,叫醒我的,不是梦想,不是闹钟,而是一个可以带给我无敌好心情的迷人风景,新的一天新的旅程,旅行,让我不断的...
    鎭鈊噯祢阅读 3,294评论 0 0
  • 清凉的早上 浮云散开 整个上午 我一直贴窗静坐书桌旁 努力拾起风儿吹落的花瓣 打开记忆的诗篇 轻握起手中的铅笔 静...
    静者居记阅读 1,261评论 0 2