在js中怎样获取含有相同name属性的标签里的内容

在js中怎样获取含有相同name属性的标签里的内容,第1张

第一种方法就是自己写个方法获取所有的标签元素,在根据属性name的值去筛选

第二种方法就是documentquerySelectorAll()方法

例如你要查询所有name="ok"的标签

documentquerySelectorAll('[name="ok"]')

这样就可以了

望采纳

documentgetElementById("标签id");//获取指定的id标签

documentgetElementByName("标签name属性");//获取指定的name的标签如果有多个标签的name只相同就获取所有的name相同的标签

documentgetElementByTagName("div"); //获取所有的div标签获取 的是一个集合

1、JavaScript原生方式,通过value属性取值。var a=documentgetElementById("nn")value;

2、jquery方法,通过val()方法来获取,代码是  var a = $("#nn")val();

扩展资料:

getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。HTML DOM 定义了多种查找元素的方法,除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName()。

val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数,则返回被选元素的当前值。

参考资料:

百度百科-getElementById

参考资料:

w3school-jQuery 属性 *** 作 - val() 方法

1、用 childNodes 属性,按顺序取

实现过程:首先创建一个 xml 对象,然后载入 xml 文件,再根据待取节点父节点在 xml 文件中的序号和本身的序号,确定待取节点的位置,最后返回待取节点的值。

//pId 待取节点父节点序号

//cId 待取节点序号

function getXmlNodeValue(pId, cId) {

var xmlDoc = new ActiveXObject("MicrosoftXMLDOM");

xmlDocasync = false;

xmlDocload("employeeInfoxml");

var nodes = xmlDocdocumentElementchildNodes[pId]childNodes[cId];return nodeschildNodes[0]text;

}

调用方法:alert(getXmlNodeValue(1, 2));

2、用 for 循环来取

实现过程:首先创建一个 ie 支持的 xml 对象,如果发生异常,是创建一个 FireFox 支持的空 xml 对象并返回空;然后载入 xml 文件,如要发生异常也返回空;最后,通过 for 循环遍历查找与传入的节点值相同的节点,找到后返回属于该节点的属性值。

//nodeValue 待取节点的所属节点值

function getXmlNodeValueFor(nodeValue){

var xmlDoc; 

try { 

//创建一个 ie 支持的 XML 文档对象 

xmlDoc = new ActiveXObject("MicrosoftXMLDOM");

}catch(e){

try{

//创建FireFox空的XML文档对象

xmlDoc=documentimplementationcreateDocument("","",null);

}catch(e){

alert(emessage);

return "";

}

}

xmlDocasync = false;

try { 

xmlDocload("employeeInfoxml");

}catch(e){

alert(emessage);

return "";

}

var xd=xmlDocdocumentElementchildNodes;

if(xd==null)

return "";

var tempValue;

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

if(xd[i]childNodes[0]childNodes[0]nodeValue==nodeValue) tempValue=xd[i]childNodes[2]childNodes[0]nodeValue;

}

return tempValue;

}

调用方法:alert(getXmlNodeValueFor("王佳琳"));

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值的几种方法

从js里面获取HTML 的input标签中的内容分两种:

1、获取input标签的值,方法:

根据input的name或者id获取其值,假如有:<input type='text' id='name' value=123>

js中获取方法:$("#name")val();

2、获取input标签的属性内容,方法:

如有:<input type='text' id='name' value=123 ind='1'>

要获取ind的值,方法:

$("#name")attr("ind");

以上就是关于在js中怎样获取含有相同name属性的标签里的内容全部的内容,包括:在js中怎样获取含有相同name属性的标签里的内容、JS获取标签的方法。、javascript怎样取input标签里的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存