js获取相邻节点的value值如果相邻节点隐藏起来改如何获取。_框架

documentgetElementById('yourID')nextElementSiblingvalue

或者

documentgetElementById('yourID')previousElementSiblingvalue

这个获取和相邻节点是否隐藏没有关系，都能获取到

首先给form标签一个name属性

例如

<form name="form1"

然后给input不同的name

例如

<input name="ipt1"

那么

就是

form1ipt1value

也可以用ID的，

给input一个id属性，然后获取ID节点即可。

使用JavaScript获取某个元素的属性值可以使用jQuery中的选择器+attr()方法。

工具原料：编辑器、浏览器

1、实现的思路是先使用选择器通过id获取到这个元素，然后使用attr方法获取某个属性的值，代码如下：

</div>

consolelog($('#div1')attr('class'));

</script>

2、运行的结果是获取到了class的值test，

原生JS获取某节点的方法：

documentgetEelementById(id);//根据id获取此节点

documentgetEelementsByName(name);//根据name获取此节点集

documentgetEelementsByTagName(tagName);//根据标签名获取此节点集

documentgetEelementsByClassName(className);//根据class名称获取此节点集

documentquerySelector(selector);//根据此选择器获取此节点集第一个节点

documentquerySelectorAll(selector);//根据此选择器获取所有此类节点集

首先 nextSibling 并不是所有浏览器执行后结果都是一样的！

这是我写的：

<html>

<head>

<meta >

给你个函数,传Node，属性名进去获取属性值，兼容所有浏览器:

function getAttributeValue (xmlNode,attrName){

if(!xmlNode)return "" ;

if(!xmlNodeattributes) return "" ;

if(xmlNodeattributes[attrName]!=null) return xmlNodeattributes[attrName]value ;

if(xmlNodeattributesgetNamedItem(attrName)!=null) return xmlNodeattributesgetNamedItem(attrName)value ;

return "" ;

}

获取 p1 的值，就是 getAttributeValue(p,"p1") ;

加入这个节点的id是 ‘child’,

然后复制这段代码慢慢看一下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

你的oLi是所有li的集合，所以你使用oLi的时候应该加下标，才能表示你使用的是哪个li

所以

var oDiv = oLi[此处是下标]getElementsByTagName('div');

以上就是关于js获取相邻节点的value值如果相邻节点隐藏起来改如何获取。全部的内容，包括:js获取相邻节点的value值如果相邻节点隐藏起来改如何获取。、js获取改写节点的value、如何用js获取某个img标签节点的所有属性名等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

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

js获取相邻节点的value值如果相邻节点隐藏起来改如何获取。

发表评论

评论列表（0条）

js获取相邻节点的value值 如果相邻节点隐藏起来 改如何获取。

发表评论

评论列表（0条）

js获取相邻节点的value值如果相邻节点隐藏起来改如何获取。