如何通过js获取div中的对象,没有ID,只有class

如何通过js获取div中的对象,没有ID,只有class,第1张

例子:

<div class='view view-case-view-all' >

<div class= 'view-content view-content-case-view-all' >

<table border="1" >

<tr class="odd" >

<td class="view-field view-field-node-title" >任务测试</td >

</tr >

</table >

</div >

</div >

<script language="javascript" type="text/javascript" >

documentgetElementsByClassName = function(_className)

{ //根据class获得对象集合

var aimObj = [];

var elements = documentgetElementsByTagName("") ;//取得所有元素的集合

alert(elementslength);

for(var i=0;i<elementslength;i++)

{

if(elements[i]className==null) continue;

if(elements[i]className == _className)

{

后台返回的是json字符串,在js里还需要转成json对象才能用

//json字符串

var strJson = '<%=uslist %>';

//转json对象,用eval,当然也可以用json包里的方法或者类库提供的方法(比如jquery)

var objJson = eval('(' + strJson + ')');

可以利用typeof来查看,如:

var a="d";

alert(typeof a);//string

var a=2;

alert(typeof a);//number

var a=true;

alert(typeof a);//boolean

第一种通过获取

第二种通过[]获取

那什么时候用点获取什么时候[]呢,可以在不同场景使用

两个的相同点:都是获取对象属性值

不同点:

1 [ ]运算符可以使用字符串变量的内容作为属性名,点运算符不能

普通常量赋值的时候可以用点运算符,其他可以用[]运算符,

我们先看一个小例子:

html代码:

需求:是获取form表单中的用户名和密码并包装成一个对象

这个需求是我们大部分时候在发送ajax请求时需要做的一个工作。

传统JS写法:

看一下效果:

可以看到,我们已经实现了需求,但是我们写的JS代码很繁琐,我们需要先获取form表单中input框元素,然后元素的value值,最后包装成一个对象。

FormData的JS写法:

效果如下:

通过这个例子你应该能感受到FormData的便利性,只需要 new FormData(form) 一句代码就可以把form表单内的所有信息都以键值对的形式包装成一个对象返回。

FormData对象是用来将form表单数据编译成键值对,这么做有两个好处:

FormData的常用 *** 作方法:

FormData对象可以帮我们更方便的收集表单数据并中的整理成对象,大大方便了我们发送ajax请求。

jquery。

$("div[id='aa'][class='bb']")

就是选择id = aa 且 class为bb的div

当然条件不一点非得是等号

$("div[id='aa'][class$='bb']")

就是选择id = aa 且 class以bb结尾的div。其他条件还有= 、!=、^= 等等。

如果是原生态就比较费劲了:

var object = documentgetElementById('aa');

var className = objectgetattribute("class");

if(className =="bb"){

this//逻辑代码

}else{}

function

getElementByClassName(TagName,classname){

var

tags=documentgetElementsByTagName(TagName);

var

list=[];

for(var

i

in

tags)

{

var

tag=tags[i];

if(tagclassName==classname){listpush(tag);}

}

return

list;

}

consolelog(getElementByClassName("div","main"));

//2个地方用错了

一个是

tagname你默认用div了

另一个地方

push方法后面是小括号

()

以上就是关于如何通过js获取div中的对象,没有ID,只有class全部的内容,包括:如何通过js获取div中的对象,没有ID,只有class、js中怎么获取jsp里的对象、如何获取一个js对象的类型名称等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9433820.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存