下面例子通过documentgetElementsByClassName("class1")获取所有同一class的元素，使用for循环把取得的div元素的值存入数组arr中，完成的代码如下：
运行结果，打印数组如下：
扩展资料：
js或jQuery获取html元素的值的常用方法：
例如：<div id="aa">值</div>
js写法：
alert(documentgetElementById('aa')innerHTML);
jQuery写法：
alert($('#aa')html());
说明如下：
innerHTML是取元素的内部html代码，此例中即div内部的所有html代码。
html()方法作用也是取dom节点的内部html内容，是jQuery中的函数方法。
这个好像没有办法做到的。之前我也有过这种想法，到现在都没有实现，如果找到答案也记得共享一下。
需要获得Js"类"的实例名称，应该是要使用该“类”的实例名来实现某种调用，需要思考别的实现方式。
不清楚你具体要实现什么功能，给你一个实例，也算一个思路，你可以依据这个实现你要实现的效果，有不清楚的地方留言
<div style="width:200px; height:200px; border:1px solid #ccc;" class="lala">
</div>
<script type="text/javascript">
var obj = documentgetElementsByTagName("div");
for(var i=0;i<objlength;i++){
if(objitem(i)className=="lala"){
alert(objitem(i)stylewidth);
}
}
</script>
说明：首先设置一个div，其类名为lala，然后用js获取类名为lala的div，并alert出此div的宽度
1）一共12个节点类型
2）dom *** 作就是对节点进行 *** 作
3）节点的类型的获取方法notetype
4）ie9以上及chrome safari firefox 会将换行符当成节点
（1）静态获取
（2）返回带有指定ID的元素
var box1=documentgetElementById('box');
（1）根据标签名获取
（2）得到的是个数组
var div1=documentgetElementsByTagName('div')[0];
（1）根据类名获取元素
（2）动态获取
（3）得到的是一个数组
var box=documentgetElementsByClassName('box')[0];
（1）返回符合要求第一个元素
（2）通过css选择器来获取指定标签
（3）静态获取
（1）返回所有匹配元素
（2）根据css选择器来获取所有标签
（3）得到的是一个数组
获取兄弟节点
获取下一个兄弟标签
获取上一个兄弟节点
获取上一个兄弟标签
获取最后一个子节点
获取最后一个子标签
获取所有非标签类型的子节点
获取所有子标签节点
获取父节点
增加节点
var div=documentcreateElement('div');
在父元素的末尾，插入节点
在添加元素前，需要将元素先创建好
divappendChild(div);
修改指定子节点
删除指定子节点
在删除前需要先获取到被删除元素
divremoveChild(box);
删除当前节点
需要先获取到被删除的节点
divremove();
（1）设置ID
divid='box';
（2）设置class
divclassName='box';
（3）设置style
divstylewidth='10px';
（4）设置路径
imgsrc='/';
（5）自定义属性
<body>
<input type='button' class="click_update" value='我是第一个'/>
<input type='button' class="click_update" value='我是第二个'/>
<input type='button' class="click_update" value='我是第三个'/>
<input type='button' class="click_update" value='我是第四个'/>
</body>
<script>
var a=$("click_update");
for(var i =1; i<=alength-1;i++){
alert(a[i]value);
}
</script>
思路：根据标签名称获取所有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 = documentgetElementsByTagName("span");
class_name = "name";
for(i in obj){
if(obj[i]className == class_name){
alert(obj[i]innerHTML);
return
}
}
}
3、效果演示
以上就是关于HTML5 js如何获取所有相同ID或class的元素全部的内容，包括:HTML5 js如何获取所有相同ID或class的元素、js如何获取到类的实例名、javascript 怎么通过类名选择等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）