原生JS与jQuery获取节点的方法

  首先我们来介绍一下DOM中元素与节点间的关系：页面中所有内容都是节点[包括元素，属性，文本]，所以节点是包括元素的。

  以下是节点的三个属性：

  若是火狐和chrome浏览器上述方法不存在兼容问题，而若是在IE8浏览器中后四组内容只能获取元素，无法获取文本或属性。即原获取节点方法-->取元素；原获取元素方法-->undefined。

  jQuery中是以方法的形式进行调用，同时都是用来获取元素：

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

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

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

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

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

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

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

很简单，把id写入到这个按钮里面就好了。例如：

<input data-id="6" value="删除">

然后通过xxgetAttribute("data-id")来获取。如果你用jQuery的话直接$(this)attr("data-id")来获取。

这里的data-id是你自己随意定义的，只要不和其他的属性名冲突就好。有些人习惯写item-id随便你的喜好了。

jquery获取input值的几种方法

jquery和javascript获取input输入框中的值多种实现方法

你好，获取input输入框的值可以用多种方法来实现，具体的要看你实际的情况。

例：

先准备一段HTML

<input type="text" id="CSDN_NAME" name="CSDN_NAME" class="CSDN_NAME">

一、jquery方法

通过 name 实现

var name = $('input[name="CSDN_NAME"]')val();

二、javascript方法

通过 id 实现

var name = documentgetElementById("CSDN_NAME")value

还有更多jquery和javascript来获取input输入框的值的方法可以参照：

jquery获取input值的几种方法

1、在我们的电脑上打开软件，新建一个html页面。

2、在html页面创建一个id为xx，值为666的文本框，通过varv=documentgetElementById('xx')value;原生js方法来获取文本框的值。

3、在script中加上alert(v);，来d框查看原生js方法是否根据id获取元素的值了。

4、在浏览器中运行项目，可以看到页面d框的值是id为xx的元素的值，已经成功通过原生js方法根据id获取元素。

5、jquery方法需要先添加jqueryjs,然后通过varw=$('#xx')val();来获取元素的值。

6、我们运行项目，在浏览器中可以看到与原生js方法获得元素的值相同。

以上就是关于原生JS与jQuery获取节点的方法全部的内容，包括:原生JS与jQuery获取节点的方法、js中获取标签里面的值除了document.getEelementById()和document.getEelementsByName()之外还有那些方法、求助大佬，原生js怎么监控点击事件并传值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！