如何在javascript中获取dom对象

js中有四种获取dom的方法：

根据ID获取对象：documentgetElementById(ID);

根据class获取对象数组：documentgetElementsByClassName("box");

根据tag获取对象数组：documentgetElementsByTagName("p");

根据name获取对象数组：documentgetElementsByName(NAME);

用jquery选择器就多得去了，一般都用jquery，js一大串代码用jquery几个符号搞定。

根据ID获取对象：$('#ID');

根据class获取对象数组：$("box");

根据tag获取对象数组：$("p");;

根据name获取对象数组：$('input[name="nw"]');

自从有了Ajax这个概念，JavaScript作为Ajax的利器，其作用一路飙升。JavaScript最基本的使用，以及语法、浏览器对象等等东东在这里就不累赘了。把主要篇幅放在如何实现JavaScript的面向对象编程方面。 1 用JavaScript实现类 JavaScritpt没有专门的机制实现类，这里是借助它的函数允许嵌套的机制来实现类的。一个函数可以包含变量，又可以包含其它函数，这样，变量可以作为属性，内部的函数就可以作为成员方法了。因此外层函数本身就可以作为一个类了。如下：function myClass()这里 myClass就是一个类。其实可以把它看成类的构造函数。至于非构造函数的部分，以后会详细描述。 2 如何获得一个类的实例 实现了类就应该可以获得类的实例，JavaScript提供了一个方法可以获得对象实例。即 new *** 作符。其实JavaScript中，类和函数是同一个概念，当用new *** 作一个函数时就返回一个对象。如下：var obj1 = new myClass(); 3 对象的成员的引用 在JavaScript中引用一个类的属性或方法的方法有以下三种。 1> 点号 *** 作符 这是一种最普遍的引用方式，就不累赘。即如下形式：对象名属性名;对象名方法名; 2> 方括号引用 JavaScript中允许用方括号引用对象的成员。如下：对象名["属性名"];对象名["方法名"]; 这里方括号内是代表属性或方法名的字符串，不一定是字符串常量。也可以使用变量。这样就可以使用变量传递属性或方法名。为编程带来了方便。在某些情况下，代码中不能确定要调用那个属性或方法时，就可以采用这种方式。否则，如果使用点号 *** 作符，还需要使用条件判断来调用属性或方法。 另外，使用方括号引用的属性和方法名还可以以数字开头，或者出现空格，而使用点号引用的属性和方法名则遵循标示符的规则。但一般不提倡使用非标示符的命名方法。 3> 使用eval函数 如果不希望使用变量传递变量或方法名，又不想使用条件判断，那么eval函数是一个好的选择。eval接收一个字符串类型的参数，然后将这个字符串作为代码在上下文中执行，返回执行的结果。这里正是利用了eval的这一功能。如下：alert(eval("对象名" + elementvalue)); 4 对对象属性，方法的添加、修改和删除 *** 作 JavaScript中，在生成对象之后还可以为对象动态添加、修改和删除属性和方法，这与其它面向对象的语言是不同的。 &nbsp

如果帮助到您，请记得采纳为满意答案哈，谢谢！祝您生活愉快！ vaela

JavaScript中对象的创建有以下几种方式：

（1）使用内置对象

（2）使用JSON符号

（3）自定义对象构造

一、使用内置对象

JavaScript可用的内置对象可分为两种：

1，JavaScript语言原生对象（语言级对象），如String、Object、Function等；

2，JavaScript运行期的宿主对象（环境宿主级对象），如window、document、body等。

我们所说的使用内置对象，是指通过JavaScript语言原生对象的构造方法，实例化出一个新的对象。如：

复制代码 代码如下:

var str = new String("实例初始化String");

var str1 = "直接赋值的String";

var func = new Function("x","alert(x)");//示例初始化func

var o = new Object();//示例初始化一个Object

二、使用JSON符号

（i）何谓JSON

JSON （JavaScript Object

Notation）即JavaScript对象命名，是一种轻量级的数据交换格式，易于阅读和编写，同时也易于及其解析和生成。它基于

《JavaScript Programming Language, Standard ECMA-262 3rd Edition -

December 1999》的一个子集。JSON是完全独立于语言的文本格式，因此成为数据交换的理想格式。

JSON作为

JavaScript的一个自己，同时ActionScript、C、C#、ColdFusion、E、Java、JavaScript、ML、

ObjectiveCAML、Perl、PHP、Python、Rebol、Ruby、Lua等一系列的语言都提供支持，使得JSON成为Ajax开发的

首选方案。

JSON有两种构建方式，一种是采用简单的“键/值对”的集合，在不同的语言中被理解为对象、记录、结构、字典、哈希表、有键列表，或者关联数组等，另一种采用有序的值列表，大部分语言把它理解为数组。

常用的创建方式是第一种，即采用“键/值对”集合的形式。在这种形式下，一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号），“

‘键/值' 对”之间使用“,”（逗号）分隔。

JSON具有以下特点：（1）简单格式化的数据交换；（2）易于人们的读写习惯；（3）易于机器的分析和运行。

在JavaScript中，JSON被理解为对象。通过字符串形式的JSON，数据可以很方便地解析成JavaScript独享，并进行数据的读取传递。通过JSON，在一定程度上客服了JavaScript对象无法作为参数系列化传递的问题。

1，简单的JSON

{name:"刘德华",age:"25",sex:"男"}

2，JSON值的类型

JSON的值可以是简单的数据类型，例如数字、浮点、字符等，也可以是数组及对象。例如以数组作为member键值的JSON：

{member:[{name:"刘德华"},{name:"郭富城"},{name:"张学友"},{name:"黎明"}]}

{

book:[{name:"三国演义"},{name:"西游记"},{name:"水浒传"},{name:"红楼梦"}],

author:[{name:"罗贯中"},{name:"吴承恩"},{name:"施耐安",{name:"曹雪芹"}}]

}

3，在JavaScript中使用JSON

JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的API或者工具包，JavaScript默认将JSON当做一个对象处理。

将对象传递给一个变量，例如：

复制代码 代码如下:

var somebooks = {

book:[{name:"三国演义"},{name:"西游记"},{name:"水浒传"},{name:"红楼梦"}],

author:[{name:"罗贯中"},{name:"吴承恩"},{name:"施耐安",{name:"曹雪芹"}}]

}

JSON的每个“键”相当于对象的属性，例如访问book中的第一个条目，在JavaScript中，就可以简单地使用“somebooksbook[0]name”来获取“三国演义”这个值。

我们不但可以将一个JSON字符串转化为对象，反过来将一个对象“编译”为一个JSON字符串，以方便JavaScript中的对象的传输。例如：

复制代码 代码如下:

var Animals = new Object();

Animalsname = "dog";

Animalssex = "Male";

Animalsage = "2";

Animals对象无法被序列化传输，将Animals对象转化为JSON字符串，也就是“{name:"dog",sex:"Male",age:"2"}”。这样，把该JSON字符串作为>

这个好像没有办法做到的。之前我也有过这种想法，到现在都没有实现，如果找到答案也记得共享一下。

需要获得Js"类"的实例名称，应该是要使用该“类”的实例名来实现某种调用，需要思考别的实现方式。

可以这样：

<td name='fff"+wjxtgetId()+"' onclick="change(wjxtgetId())">

把id传进去

然后在JavaScript的

function change（id）{

var obj=documentgetElementById('ff'+wjxtgetId())value;

//do something

}

以上就是关于如何在javascript中获取dom对象全部的内容，包括:如何在javascript中获取dom对象、js里为什么实例化的对象没有prototype属性、js面向对象的几种方式等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！