下面例子通过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中的函数方法。
有原生DOM获取以及用js库比如jquery
例：
1
<p id="targetp" >2333333</p>
<script>
var element = documentgetElementById("targetp");
var tagname = elementtagName;
alert(tagname);
</script>
jQuery获取
$("#content-header")get(0)tagName
如果已经获取到对象可以直接获取标记名
<p onclick="alert('您单击的是：'+thistagName);">中华人民共和国</p>
用ajax。
引入jquery的话，
$("button")click(function(){
$("div")load('testhtml');
});
如果你要获取这个页面某个id或者类的html还可以这么写
$("button")click(function(){
$("div")load('testhtml
#container');
});
这个可以直接把新页面的html元素加载到指定的div或者别的元素里面。
如果你要纯代码的话，那再获取这个div的html就可以了。
$("div")html();
getElementsByTagName("标签名称") 代表查询返回所有该标签的元素，因此他是个集合
documentgetElementsByTagName("标签") 即查询文档中所有的该标签元素
alert(documentgetElementsByTagName("div")length) 返回查询结果的数量，这里结果为 1
你想要该元素的文本应该这么写 documentgetElementsByTagName("div")[0]innerHTML
取第一个div的html文本
============================
其他示例
<html>
<head><title>test</title></head>
<script type="text/javascript">
//搜索文档下第一个div下的span子节点
windowonload = function () {//文档加载完毕事件
var div1 = documentgetElementsByTagName("div")[0];//文档第一个DIV
var spans = div1getElementsByTagName("span");//该DIV下的所有SPAN标签元素
for (var i = 0; i < spanslength; i++) {//循环d出每个SPAN标签的文本
alert(spans[i]innerHTML);
}
}
</script>
<body>
<div><span>文本1</span><span>第二个文本</span><span>文本叁</span></div>
</body>
</html>
以上就是关于HTML5 js如何获取所有相同ID或class的元素全部的内容，包括:HTML5 js如何获取所有相同ID或class的元素、js怎样 获得当前选中位置元素的 html格式、怎么用JS获取某一个指定页面（非本页面）的HTML代码等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）