问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

JS怎么获取包含指定class name的内容

发布网友 发布时间:2022-05-05 22:16

我来回答

1个回答

热心网友 时间:2022-05-17 10:27

思路:根据标签名称获取所有span对象,然后根据类名筛选出目标对象,最后使用 innerHTML 属性获取文本。实例演示如下:

1、HTML结构

<span class="xing">姓氏</span>
<span class="name">名字</span>
<span class="sheng">籍贯</span> <br>
<input type='button' value='获取class=name的span' onClick="fun()"/>

2、javascript代码

function fun(){
obj = document.getElementsByTagName("span");
class_name = "name";
for(i in obj){
if(obj[i].className == class_name){
alert(obj[i].innerHTML);
return
}
}
}

3、效果演示

原生js判断某个元素是否有指定的class名的几种方法

//第一种方法,用classList这个H5 API,有兼容性问题 if(p[i].classList.contains('test')==true){ console.log(p[i].innerHTML);} //第二种方法,用className这个属性 if(p[i].className=='test'){ console.log(p[i].innerHTML)} //第三种方法,用getAttribute()这个方法 if(p[i]....

js怎么获取元素的class名?

1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。2、在index.html中的标签,输入js代码:$('body').append($('button').attr('class'));。3、浏览器运行index.html页面,此时按钮的class名被js取到并打印了出来。

原生js判断某个元素是否有指定的class名的几种方法

var node = document.getElementById('demo');if(node.classList.contains('test')){ console.log('包含 test 这个class');}兼容的方式是采用className和getAttribute('class')方法:if (node.getAttribute('class')) { // 存在class属性 // 方式1 if (node.getAttribute('class').in...

js怎么通过class获取元素

根据你的需求,举例如下:document.querySelector:获取首个(单个)符合条件元素 document.querySelector('.name'); //获取页面上首个class属性中包含name的元素。document.querySelectorAll:获取全部符合条件元素 document.querySelectorAll('.name'); //获取页面上全部class属性中包含name的元素。

js 如何获取class的元素

使用document.getElementsByClassName(’class‘)获取标签,使用innerText获取元素内的数据内容。1、设计一个HTML简单页面,代码如下:2、设计绑定的函数alertText(),代码如下:3、此时的页面展示如下:4、演示,点击其中的div,执行如下:(1)点击第一个:(2)点击第二个:...

js怎么获取名字中的内容:名字

2、javascript代码 function fun(){obj = document.getElementsByTagName("span");class_name = "name";for(i in obj){if(obj[i].className == class_name){alert(obj[i].innerHTML);return}}}3、效果演示

js中获取标签里面的值除了document.getEelementById()和document.getEel...

原生JS获取某节点的方法:document.getEelementById(id);//根据id获取此节点 document.getEelementsByName(name);//根据name获取此节点集 document.getEelementsByTagName(tagName);//根据标签名获取此节点集 document.getEelementsByClassName(className);//根据class名称获取此节点集 document.querySelector(...

js获取类选择器(js获取类元素)

document.getElementsByClassName('red?test');?//获取所有class同时包括'red'和'test'的元素 js里面的选择器是什么意思?简单理解为一些不起眼但是超常用的方法,通过指定的规则作为参数来获取对象辩亩搭的方法;如 ID选择器:通过元素携拿的id来获取对象的js写法:document.getElementById;标签选择器:...

通过判断Class的值用getElementByClassName隐藏Div元素..

"div");//获取检索内容块 for(var i=0;i&lt;str.length;i++)//遍历内容块 if(str[i].className=="kkk")//判断类名是否为kkk if(str[i].innerHTML=="test1")//判断内容是否为指定 str[i].style.display="none"; //满足条件内容隐藏显示 ...

js 如何根据class获取对象

"span");//先得到所有的SPAN标记 for(var i=0;i&lt;obj.length;i++){ if(obj[i].className == 'a')//找出span标记中class=a的那个标记 { var getObj = obj[i];value = getObj.innerHTML;//获得他的innerHTML } }//有效且管用,但是很笨的方法,目前我没发现还有其他方法。

获取classname storageclassname react多个classname javagetclassname classname是什么意思 class和name的区别 driverclassname js中classname classname
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
同时患了抑郁症幻听精神分裂发病次数越多是不是需要吃药的时间就越久... 幻听歌曲介绍 黑执事第一季下载 跪求高清晰版本的,中文字幕最好是BT的,第一季的全集... 迟力峰研究方向简介 王春雷经历 名侦探柯南国语全集,带字幕,带每一集名称 绝地求生:刺激战场春节模式上线时间及玩法介绍 绝地求生刺激战场春节模式介绍介绍_绝地求生刺激战场春节模式介绍是什么... 绝地求生刺激战场(绝地求生:刺激战场(国际版))介绍_绝地求生刺激战场... 绝地求生刺激战场春节模式打年兽玩法详解介绍_绝地求生刺激战场春节模 ... javascript 怎么通过类名选择 js怎么获取事件元素 用js写根据类名获取HTML标签对象的方法 取名字大全2015最新版男孩子姓高属牛 js通过元素class名字获取元素集合的具体实现 我老公属牛, 姓高,想取一个带火的名字, 不知道叫什么好,给点意见. 有关js中通过类名获取元素问题 名字姓高,女,属牛,改啥好 姓高,给娃起个什么名字好呢?属牛,年底出生。 我姓高,女儿农历6月29出生,新历8月19出生,属牛,望大家帮忙给起个好名字。谢谢! 姓高属牛男孩该用啥名字 微信好友被删了,自己又不知道他的了。怎么找回? 如何购买镜头 如何购买镜头? 怎么才能卖好投影工程机的短焦镜头呢? 有卖二手单反镜头的么 未满十八周岁,怎么卖二手的镜头 我有一个佳能的镜头想卖出去,请问上海哪里可以卖的,谢谢 那里有单反相机镜头卖 我的镜头想卖掉,哪里回收价比较高点? 取名 女孩姓高属牛 js为什么根据id就可以找到容器里的子元素,而根据类名就找不到? 姓高,属牛,农历二月十七辰时生,取个什么名字最好啊? JS 获取class 元素集合 请赐名:高姓,女孩,属牛,生日是2009年12月24日凌晨3点45分。起名有:高悦茗、高铭悦、高嘉励...请指教 js怎么获取除本身之外所有相同类名的元素 龙年6月22日,14点28分出生,父亲姓高,属牛,母亲姓袁,属兔,各位大侠给我女儿起个好听的名字吧! 如何用js点击class? js 如何根据class获取对象 《绝命毒师第五季(2012)》百度网盘免费在线观看,迈克尔·斯洛维斯导演的 想看绝命毒师 第五季2012年上映的由布莱恩·科兰斯顿主演的百度云资源 LOL刀妹现在怎么样?在高端局好吗 【合集】美剧英剧在线观看,【免费高清】在线观看百度网盘资源 英雄联盟刀妹怎么玩? 【合集】美国评分最高电视剧,【在线观看】免费百度云资源 lol现版本刀妹怎么样?她的定位是什么? 谁有这张LOL刀妹的原画,超高清无水印 lol刀妹是后期英雄吗 求一张英雄联盟刀妹的图 lol刀妹和设计师漫画