把dom里的类数组对象转换为数组_dom对象数组_小小李子@@的博客

相关文章推荐

无邪的仙人球 · 2024年上海高考招生政策来啦，这些非上海户 ...· 3 月前 ·

多情的西瓜 · Momenta中场入局AI芯片的背后 - ...· 10 月前 ·

沉稳的脆皮肠 · 谷伟（中国内地男演员）_百度百科· 1 年前 ·

奔跑的黄瓜 · 地下偶像蓝毛最后怎么了地下偶像有声版在哪/地 ...· 1 年前 ·

逆袭的烈马 · 皇甫圣华是女还是男的 ...· 1 年前 ·

< meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < title > 用foreach()方法把类数组对象转换为数组 </ title > < script > window . onload = function ( ) { var odivs = document . getElementsByTagName ( "div" ) ; console . log ( odivs ) var odivs2 = Array . prototype . forEach . call ( odivs , function ( item , index ) { console . log ( item , index ) ; </ script > </ head > < div > div1 </ div > < div > div2 </ div > < div > div3 </ div > < div > div4 </ div > </ body > </ html >

2.slice()方法

js代码：
  window.οnlοad=function(){
            var odivs=document.getElementsByTagName("div");
            console.log(odivs)
            odivs=Array.prototype.slice.call(odivs);
            odivs1=[].slice.call(odivs);
            console.log(odivs)
            console.log(odivs1)
html代码：
  <div id="one">div1</div>
    <div id="two">div2</div>
    <div id="three">div3</div>
3.map()方法
 
<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>map转换为数组</title>
    <script>
        window.onload=function(){
            var odivs=document.getElementsByTagName("div")
            console.log(odivs)
            //第一种：
            var odivs1=Array.prototype.map.call(odivs,function(item,index){
                return item;
            //第二种:
            // var odivs1=[].map.call(odivs,function(item,index){
            //     return item;
            // })
            console.log(odivs1)
    </script>
</head>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</body>
</html>

推荐文章

无邪的仙人球 · 2024年上海高考招生政策来啦，这些非上海户籍考生也可以参加！_腾讯新闻

3 月前

多情的西瓜 · Momenta中场入局AI芯片的背后 - OFweek智能汽车网

10 月前

沉稳的脆皮肠 · 谷伟（中国内地男演员）_百度百科

1 年前

奔跑的黄瓜 · 地下偶像蓝毛最后怎么了地下偶像有声版在哪/地下偶像有声音13集|腊梅|纱帐|酒杯|sana|summer_网易订阅

1 年前

逆袭的烈马 · 皇甫圣华是女还是男的皇甫圣华照片个人资料简介_娱乐资讯_海峡网

1 年前