JavaScript学习-对象操作_var isoption=[ {id:'3',name:'否'}, 怎么传入id获取name-优快云博客

本文深入讲解JavaScript中的对象概念，包括对象的范围、特性和获取方式，详细介绍了如何通过id、class、标签和name获取对象，以及如何利用属性和方法操作对象。此外，还探讨了对象的创建方法，如使用Object直接创建、JSON语法创建和构造函数创建。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、基本概念

自然界：万物皆对象。
JavaScript中：所有皆对象。如string、date、array…

对象名 + 对象属性 + 对象方法

document.getElementById("id名")

// 多个标签
var x = document.getElementsByClassName("class类名");
// 只有一个标签，获取第n个标签。
x[n]
// 当前标签，循环内常用。
x.this

// 多个标签
var x = document.getElementsByTagName("p");
// 只有一个标签，获取第n个标签。
x[n]
// 当前标签，循环内常用。
x.this

// 多个标签
var x = document.getElementsByName("sex");
// 只有一个标签，获取第n个标签。
x[n]
// 当前标签，循环内常用。
x.this

详见前面总结《JavaScript学习-标签操作》

语法：对象名.属性名

var x = document.getElementById("div1");
// 获取id名为div1标签元素内的所有html内容。
	x.innerHTML;

语法：对象名.方法名();

var x = document.getElementById("div1");
// 删除id名为div1的标签及其内容。
	x.remove();
// 清空id名为div1的标签的内容。
	x.innerHTML = "";

语法：var 对象名 = new Object();

var smartCar = new Object();
	smartCar.name = "宝马";
	smartCar.color = "red";
	smartCar.running = function(){alert("我能载人运行！");};

语法：var 对象名 = {属性1: “属性值1”, 属性2: “属性值2”, 方法名: function(){功能语句;}};

var smartCar = {name:"宝马", color:"red", running:function(){alert("我能载人运行！");}};

语法一：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;
}

语法：对象名.属性名 = 属性值;

var smartCar = new Object();
	smartCar.name = "宝马";
	smartCar.color = "red";

语法：对象名.方法名 = function(){ 功能语句;};

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