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');
}