如何获取元素的内容

如何获取元素的内容,第1张

1获取元素内的文本例如:有标签<strong,取<strong的文本内容:非mozilla浏览器:strongeleminnertext其它浏览器:strongelemfirstchildnodevalue;还有一个通用的函数:function text(e){var t="";e = echildnodes || e;for(var j=0;j<elength;j++){t += e[j]nodetype != 1 e[j]nodevalue : text(e[j]childnodes);}return t;}2获取元素内的html所有现代浏览器,都实现了html dom 元素的一个额外属性:innerhtml使用这个属性就可以从一个元素中提取所有的html和文本了。如果元素内,只有文本,可以替换上面的方法;如果含有子元素,则提取所有子元素和文本。3 *** 作元素特性获取和设置特性的值,常用的可以使用getattribute和setattributeHTML DOM文档还有作为快速特性获取器(getter)/设置器(setter)的额外属性集合,比如:elementid="main",elementvalue="123",作者有个更通用的方法,来获取和设置,写得很好,可以看看81页。下面是总结的一些在DOM中常用的方法:/根据id获得元素/function id(name){return documentgetElementById(name);}/有elem参数,是查找elem下的节点名;如果没有elem,则查找整个文档/function tag(name,elem){return (elem || document)getElementsByTagName(name);}/找出全部有指定类值的元素/function hasclass(name,type){var r=[];var re=new RegExp("(^|//s)" + name + "(//s|$)");var e = documentgetElementsByTagName(type || "");for(var j=0;j<elength;j++)if(retest(e[j])) rpush(e[j]);return r;}/获取元素文本内容的通用函数/function text(e){var t = "";e= echildNodes || e;for(var j=0;j<elength;j++){

for(i = 0; i < documentalllength; i++){

e = documentall(i);

if(egetAttribute("name") == "aa")

alert(einnerHTML);

}

1、根据name取值:

<input name="inp" type="text" value="aaa">

<input name="inp" type="text" value="bbb">

<input name="inp" type="text" value="ccc">

$("input[name='inp']")val()

2、根据name取值遍历:

<input name="inp" type="text" value="aaa">

<input name="inp" type="text" value="bbb">

<input name="inp" type="text" value="ccc">

$("input[name='inp']")each(function(){alert($(this)val());})

扩展资料:

取出form中的input:

<script type="text/javascript" language="JavaScript" charset="UTF-8">

$(document)ready(function(){

var a=$("form input");

$each(

a,

function(name,object){

alert(name+":"+$(object)val());

}

);

});

</script>

基于jquery$(function(){$(":button")click(function(){ var id= $(":button")attr("id"); var name= $(":button")attr("name");alert(id);alert(name);})})

1、首先,使用querySelector或其他选择器方法来获取对应的HTML元素对象。

2、其次,使用该元素对象的getAttribute方法来获取对应的属性值。

3、最后,使用setAttribute方法来设置属性值。

以上就是关于如何获取元素的内容全部的内容,包括:如何获取元素的内容、如何遍历网页中的所有元素,并从中找出含name属性的元素、jQuery,根据name获取多个input表单的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存