JS获取元素值

用js获取页面元素：

1、getElementById()

返回一个值 或者报错null

 2、getElementsByName()

返回htmlcollection

 3、getElementsByTagName()

返回htmlcollection

 4、getElementsByClassName()

返回htmlcollection

var  vlaue =documentgetElementByClassName("classname");

for(var i=0; i<valuelength; i++){

consolelog (value[i]value );  //对象属性

}

Jquery的遍历，其实就当前位置的元素相对于其他元素的位置的关系进行查找或选取HTML元素。以某项选择开始，并沿着这条线进行移动，或向上（父级）、或向下（子级）、或水平（同级），直到找到目标元素为止，这种移动也被成为对DOM进行遍历。

其实对于DOM来说，这个不陌生，Jquery的遍历也就是在DOM树上上蹿下跳，当然这种上蹿下跳不是没有规则的，胡乱的找是让人鄙视的。通俗的说，在一颗树上（你也在树上，已经爬上去了，哈哈），以你所在的位置为起点，以树上有个桃子为目的地，你的这个起点也就是当前 this ,去移动去摘桃子的过程就是Jquery遍历，所以相对应的Jquery所衍生出的遍历方法可以分为三大类，即Jquery遍历之父级（祖先）、同级（同胞）和子级（后代）三种。

var obj=documentgetElementById("当前元素");

var node=objparentNode;

var child=nodechildNodes;

for(var i=0,ele=childlength;i<ele;i++){

var h=child[i]styleheight;

if(child[i]id==objid){

return

}

}

用jQuery是这样的：

var v=[];

$("input[name='splnfo']")each(funtion(){

vpush($(this)val());

});

if(v[0]===v[1]){

//两者相同

}

将以上代码复制到你的验证函数里就可以了。注意要添加jQuery库的引用

1、打开编辑工具editplus，点击editplus菜单栏上的File-->New -->HTML page。

2、新建好html页面后，editplus自动帮助我们生成了框架，先把title修改下，然后保存。

3、在body区域里添加了子，父，祖父三级div，代码如下。

4、演示代码写好后，打开浏览器，在浏览器上运行看看效果。

5、下面在head区域里添加实现js获取最高父级的代码，代码具体如下，这样利用了while循环来判断的。

6、实现好后，保存代码，此时再到浏览器上刷新访问，看下，此时d出对话框告诉最后父级是zufu。

$(function() {

$("d_1")click(function() {

$(this)nextAll("d_1")each(function() {

$(this)css("background", "gray");

});

});

});

测试通过

以上就是关于JS获取元素值全部的内容，包括:JS获取元素值、js中如何获取div下的二级子元素、js如何获取当前元素的前面同辈兄弟元素的高度（前面的兄弟元素不止一个，高度也不一样）等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！