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<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<obj.length;i++){ if(obj[i].className == 'a')//找出span标记中class=a的那个标记 { var getObj = obj[i];value = getObj.innerHTML;//获得他的innerHTML } }//有效且管用,但是很笨的方法,目前我没发现还有其他方法。