一、基本概念

1.1 物件範圍

自然界：萬物皆物件。 JavaScript中：所有皆物件。如string、date、array…

1.2 物件特性

物件名 + 物件屬性 + 物件方法

二、獲取

2.1 物件名(即為物件）

2.1.1 id名獲取

document.getElementById("id名")

2.1.2 class類名獲取

// 多個標籤
var x = document.getElementsByClassName("class類名");
// 只有一個標籤，獲取第n個標籤。
x[n]
// 當前標籤，迴圈內常用。
x.this

2.1.3 標籤獲取

// 多個標籤
var x = document.
 
getElementsByTagName("p");
// 只有一個標籤，獲取第n個標籤。
x[n]
// 當前標籤，迴圈內常用。
x.this

2.1.4 name名獲取

// 多個標籤
var x = document.getElementsByName("sex");
// 只有一個標籤，獲取第n個標籤。
x[n]
// 當前標籤，迴圈內常用。
x.this

2.1.6 其他獲取

詳見前面總結《JavaScript學習-標籤操作》

2.2 物件屬性

語法：物件名.屬性名

var x = document.getElementById("div1");
// 獲取id名為div1標籤元素內的所有html內容。
 

	x.innerHTML;

2.3 物件方法

語法：物件名.方法名();

var x = document.getElementById("div1");
// 刪除id名為div1的標籤及其內容。
	x.remove();
// 清空id名為div1的標籤的內容。
	x.innerHTML = "";

三、建立

3.1 物件

3.1.1 Object直接建立法

語法：var 物件名 = new Object();

var smartCar = new Object();
	smartCar.name = "寶馬";
	smartCar.color = "red";
	smartCar.running
 
 = function(){alert("我能載人執行！");};

3.1.2 使用JSON語法直接建立法

語法：var 物件名 = {屬性1: “屬性值1”, 屬性2: “屬性值2”, 方法名: function(){功能語句;}};

var smartCar = {name:"寶馬", color:"red", running:function(){alert("我能載人執行！");}};

3.1.3 關鍵字new呼叫建構函式建立法

語法一：var 物件名 = new 建構函式名() 語法二：var 物件名 = new 建構函式名(引數1,引數2)

var smartCar1 = new smartCar();
var smartCar1 = new smartCar("寶馬","red");
function smartCar(name,color){
	this.name = name;
	this.color = color;
}

3.2 屬性

語法：物件名.屬性名 = 屬性值;

var smartCar = new Object();
	smartCar.name = "寶馬";
	smartCar.color = "red";

3.3 方法

語法：物件名.方法名 = function(){ 功能語句;};

var smartCar = new Object();
	smartCar.running = function(){alert("我能載人執行！");};