js取出所有元素

㈠ 我要用js获取页面上的所有元素怎么写

var eles = document.getElementsByTagName('*');上面eles就是页面中所有元素的集合,用for循环即可依次取到页面上的所有元素
不懂请追问，满意请采纳，谢谢！

㈡ js获取元素方法

js获取元素方法有：
1、getElementById ：根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象，则返回该组对象中的第一个。
2、getElementsByName：getElementsByName(name)该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。
另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所以getElementsByName() 方法返回的是所有匹配元素组成的数组，而不是一个元素。
3、getElementsByTagName：getElementsByTagName() 方法会使用指定的标签名返回所有的元素（作为一个节点列表），这些元素是您在使用此方法时所处的元素的后代。
getElementsByTagName() 可被用于任何的 HTML 元素
如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法，它将返回文档中所有元素的列表，元素排列的顺序就是它们在文档中的顺序。
传递给 getElementsByTagName() 方法的字符串可以不区分大小写。

㈢ 原生JS获取页面所有元素并统计每个元素的个数

let el = document.getElementsByTagName('*');

/老者/获取页面所燃昌有的元皮含扒素

console.log(el);

let elObj = {};

for(var i=0; i

if(!elObj[el[i].tagName.toLowerCase()] ){

elObj[el[i].tagName.toLowerCase()] =1;

}else{

elObj[el[i].tagName.toLowerCase()] ++;

}

}

//每个元素的个数

console.log(elObj)

㈣ js 怎么获取body中的所有元素 不只是body的子元素，还有子元素的子元素

两种方式：
第一种纯js，使用递归：
<script>
/*
*第一个参数为页面元素对象或者数组
*第二个参数为回调函数【回调函数默认传递一个函数，即当前对象】
*/
function Each(obj,fun){
if('function'!==typeof(fun) || !obj){
return false;
}
if('undefined'!==typeof(obj.length)){
for(var i=0;i<obj.length;i++){
var o=obj[i];var r=fun(o)||true;
if(r===true){
r=Each(o.children,fun);
if(!r) return false;
}
}
}else{
var r=fun(obj)||true;
if(r===true){
r=Each(obj.children,fun);
if(!r) return false;
}
}
}
</script>

用法：
//
Each(document.getElementsByTagName("body"),function(obj){
if(obj.nodeName==="UL")//obj为当前遍历到的对象
return false;//如果返回false就会停止遍历
alert(obj.nodeName);
});
第二种方法，使用jquery:
$("body *").each(function(i, obj){
alert( "Item #" + i + ": " + obj );
});

㈤ js 怎么随机将数组里的所有元素取出，保证每次取出的数值下标是不一样的。

<tableborder=1><trid=test></tr></table>
<script>
vara=[0,1,2,3,4,5,6,7,8,9];
test.innerHTML="<td>"+a.sort(function(){return0.5-Math.random();}).join("</td><td>")+"</td>";
</script>

㈥ javascript怎么获取元素的所有内容

试一下ContentEditable这个属性。

看一下这个 Demo：

HTML5 Demo: ContentEditable

http://html5demos.com/contenteditable
相关代码：

vareditable=document.getElementById('editable');addEvent(editable,'blur',function(){
//lamethatwe'rehookingtheblurevent
localStorage.setItem('contenteditable',this.innerHTML);
document.designMode='off';});addEvent(editable,'focus',function(){
document.designMode='on';});if(localStorage.getItem('contenteditable')){
editable.innerHTML=localStorage.getItem('contenteditable');}

不过，建议用JQuery比较好，而且简单，Jquery有个属性，直接可以获取当前元素的所有子元素

㈦ HTML5 js如何获取所有相同ID或class的元素

下面例子通过document.getElementsByClassName("class1")获取所有同一class的元素，使用for循环把取得的div元素的值存入数组arr中，完成的代码如下：

(7)js取出所有元素扩展阅读：

js或jQuery获取html元素的值的常用方法：

例如：<div id="aa">值</div>

js写法：

alert(document.getElementById('aa').innerHTML);

jQuery写法：

alert($('#aa').html());

说明如下：

innerHTML是取元素的内部html代码，此例中即div内部的所有html代码。

html()方法作用也是取dom节点的内部html内容，是jQuery中的函数方法。

㈧ JS如何获取页面内所有的<img>标签元素

使用以下关键代码：

(8)js取出所有元素扩展阅读：

getElementsByTagName()特性：

这方法会忽略文档的结构。假如希望查找文档中所有的 <p> 元素，getElementsByTagName() 会把它们全部找到，不管 <p> 元素处于文档中的哪个层次。

这方法会提供任何雹首绝所需要的 HTML 元素，不论它们在文档中所处的位置源姿。

1、getElementsByTagName() 方法会使用指定的芹陆标签名返回所有的元素（作为一个节点列表）

2、getElementsByTagName() 这方法可查找整个 HTML 文档中的任何 HTML 元素。

㈨ js 如何获取class的元素

使用document.getElementsByClassName（’class‘）获取标签，使用innerText获取元素内的数据内容。

1、设计一个HTML简单页面，代码如下:

(9)js取出所有元素扩展阅读：

HTML DOM getElementsByClassName() 方法解析：

1、定义和使用。

getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。NodeList 对象代表一个有顺序的节点列表指知春。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号猛迟由0开始)。

提示： 使用 NodeList 对象的 length 属性来确定指定类名的元素个数，并循环各个元素来获取需要的那个元素。

2、语法。

document.getElementsByClassName(classname)。

3、参数。

String类型的classname（需要获取的元素类名），多个类名使用空格分隔，如 "test demo"。唯耐

㈩ js怎么取选中的所有元素的html内容

js取选所有元素的html内容的方法：
var editable = document.getElementById('editable');

addEvent(editable, 'blur', function () {
// lame that we're hooking the blur event
localStorage.setItem('contenteditable', this.innerHTML);
document.designMode = 'off';
});

addEvent(editable, 'focus', function () {
document.designMode = 'on';
});

if (localStorage.getItem('contenteditable')) {
editable.innerHTML = localStorage.getItem('contenteditable');
}