JQuery如何获取ID含有特殊字符的DOM元素

var rowId = 'INDEX: 20160911',

view = documentgetElementById(rowId),

// 将Element对象转换为JQuery对象

$view = $(view);

// 毫无疑问，结果返回1alert($viewlength)

此方法强大，几乎就是大杀器，没有查询不了的元素，无论你的元素ID命名多么刁钻。

//获取id元素的attr属性

documentgetElementById(id)getAttribute(attr);

//修改id元素的attr属性

documentgetElementById(id)setAttribute(attr,value);

//图中红框部分改成这样试试

documentgetElementById("ld_img")setAttribute("src","apng");

对DOM节点进行 *** 作之前，首先要获取DOM节点。获取DOM节点的方法有很多，可以根据 id属性 、 标签名称 获取。

getElementById( )方法

根据HTML标签的id属性来获取DOM节点请使用 getElementById( ) 方法。该方法返回一个节点对象。

语法：documentgetElementById(id) 其中，id 为HTML标签的 id 属性。

例如，获得id="demo"的节点的语句为：documentgetElementById("demo");

getElementsByTagName( )方法

根据HTML标签名称来获取DOM节点请使用 getElementsByTagName( ) 方法。该方法将得到的元素节点作为一个数组返回。

语法：nodeObjectgetElementsByTagName(tagName)

其中，nodeObject 为元素节点，tagName 为HTML标签的名称。

注意：getElementsByTagName() 方法既可以查找整个 HTML 文档中的所有节点，也可以查找某个节点的子节点，使用时必须要指定查找范围，即指明 nodeObject 。

例如，获得HTML文档中所有的<div>标签：

documentgetElementsByTagName("div");

获得id=地demo地的标签内部的所有<div>标签：

documentgetElementById("demo")getElementsByTagName("div");

应该是你的想法错了，你返回id也是为了拿到id进行处理，点击事件是不可以进行这样返回的。

有2个策略你参考下。

1你在页面中定义一个隐藏域<input id="inputVal" type="hidden"/>

然后在点击的时候给这个input赋值。在那个方法用直接取这个input值就可以。

2就是你在click的时候

$ready(function(){

$("checkboxlist")find("input")click(function(){

var id = $(this)attr("id");

setId(id);

});

});

function setId(act){

};

只要使用getAttribute("id")函数即可获取li元素的id值，下面我们一起实例 *** 作一下吧

首先我们在html当中创建li标签

使用JS获取li元素对象，getElementsByTagName("li")

3接着我们打印出这样的运行效果看一下：

4使用JS获取li元素的ID 值即可，getAttribute("id")

5下面我们一起来看下运行效果

1jQuery对象和DOM对象

第一次学习jQuery,经常分辨不清哪些是jQuery对象，哪些是 DOM对象，因此需要重点了解jQuery对象和DOM对象以及它们之间的关系

DOM对象，即是我们用传统的方法(javascript)获得的对象，jQuery对象即是用jQuery类库的选择器获得的对象;

复制代码 代码如下:

var domObj = documentgetElementById("id"); //DOM对象

var $obj = $("#id"); //jQuery对象;

jQuery对象就是通过jQuery包装DOM对象后产生的对象，它是jQuery独有的。如果一个对象是

jQuery对象，那么就可以使用jQuery里的方法，例:

$("#foo")html(); //获取id为foo的元素内的html代码，html()是jQuery特有的方法;

上面的那段代码等同于:

documentgetElementById("foo")innerHTML;

注意：在jQuery对象中无法使用DOM对象的任何方法。

例如$("#id")innerHTML 和$("#id")checked之类的写法都是错误的，可以用$("#id")html()和$("#id")attr ("checked")之类的 jQuery方法来代替。

同样，DOM对象也不能使用jQuery方法。学习jQuery开始就应当树立正确的观念，分清jQuery对象和DOM对象之间的区别，之后学习 jQuery就会轻松很多的。

2jQuery对象和DOM对象的互相转换

在上面第一点说了，jquery对象和dom对象是不一样的！比如jquery对象不能使用dom的方法，dom对象不能使用jquery方法，那假如我 jquery没有封装我要的方法，那能怎么办呢？

这时我们可以将jquer对象转换成dom对象

jquery对象转换成 dom对象

jquery提供了两种方法将一个jquery对象转换成一个dom对象，即[index]和get(index)。可能有人会觉得奇怪，怎么是用下标呢，没错，jquery对象就是一个数组对象

下面代码将演示一个jquery对象转换成dom对象，再使用dom对象的方法

复制代码 代码如下:

var $cr=$("#cr"); //jquery对象

var cr = $cr[0]; //dom对象 也可写成 var cr=$crget(0);

alert(crchecked); //检测这个checkbox是否给选中

dom对象转换成jquery对象

对于一个dom对象，只需要用$()把dom对象包装起来，就可以获得一个jquery对象了，方法为$(dom对象);

复制代码 代码如下:

var cr=documentgetElementById("cr"); //dom对象

var $cr = $(cr); //转换成jquery对象

转换后可以任意使用jquery中的方法了

通过以上的方法，可以任意的相互转换jquery对象和dom对象

以上就是关于JQuery如何获取ID含有特殊字符的DOM元素全部的内容，包括:JQuery如何获取ID含有特殊字符的DOM元素、JAVASCRIPT dom 编程，想要利用ID获取IMG对象，来改变IMG的SRC属性。但是在获取对象的时候报错提示为NULL、怎样在当前标签页获取标签ID等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！