create創建元素js的簡單介紹

本文目錄一覽：

• 1、JS創建數組及數組元素
• 2、求前輩創建一個文檔元素和設置表單中所有文本型的成員的值為空的Js？ 急急！！！！！
• 3、如何用js創建元素？
• 4、怎麼使用js創建

JS創建數組及數組元素

1、字面量的方式創建數組 ：

         let arr = [‘張三’,’李四’,’王五’];

        let num = [11,22,33,44]；

        console.log(arr); 

         數組的下標從0開始 

 2、構造函數的方式創建數組 

        new Array(size);

        表示數組中可存放的元素總數

        規定了總數 但是添加一個數 總數也會增

        new Array()實例化一個數組對象 

         let arr = new Array(3)

         arr = [1,2,3,4] 

        聲明時賦值 ：

         let arr = new Array(1,2,3,4,5,6) 

        分別賦值 ：

         let arr = new Array(3);

        arr[0] = ‘zhangsan’;

        arr[1] = ‘lisi’;

        arr[2] = ‘wangwu’ ；

 3、通過數組的名稱和下標直接訪問數組的元素 

         console.log(arr[1]); 

        for(var i in arr){

            console.log(arr[i]); } 

  4、屬性   length  設置或返回數組中元素的數目 

        let arr = [1,2,3,4,5]

         console.log(arr.length); 

  5、 join( )  把數組的所有元素放入一個字符串，通過一個分隔符進行分隔 

        把數組轉成字符串 

        let newstr = arr.join(); 

         join()裡面沒有傳任何參數 默認以逗號連接 

         join(”) 數字中間沒有任何字符拼接

        let newstr = arr.join(‘+’);

         console.log( typeof(newstr) ); 

       console.log(newstr);

   6、 sort()   對數組排序 

         隱式數據類型轉換 會字符串類型的轉成數字類型進行排序 

        let arr = [‘2’, ‘3’, ‘1’, ‘5’, ‘0’];

        let newarr = arr.sort(); 

         sort方法 會把老數組和新產生的數組都進行排序 

        console.log(arr, newarr); 

       sort()對應多位數排序會出現問題

        let arr = [2,22,3,32,1,12,100];

       sort 給我們提供的解決方法 

         arr.sort(function(a,b){

         從小到大的順序 

          return a-b; 

        從大到小的順序 

          return b-a; })

         console.log(arr);

7、 push()   向數組末尾添加一個或更多元素，並返回新的長度 

         在外面定義的叫全局變量 

        let stu = [‘小張’,’小王’,’小李’];

      console.log(stu); 

    方法裡面的叫局部區域 

        function fn(){

   因為stu 是全局的 所以在方法裡面 可以獲取到

    數組可以添加重複的數據 

    push也可以添加多個數據 

           let a = stu.push(‘麗麗’,’倩倩’,’雯雯’)

            console.log(a);

          console.log(stu);}

         定義一個空數組 點擊添加按鈕 可以在空數組裡面添加

        姓名 點擊一個添加 可以把數組使用 dw 顯示在頁面上 

         let arr = []

         function fn(){

             arr.push(‘xiaoa’)

        document.write有個缺陷，用按鈕點擊的時候

            會把整個頁面進行重新繪製，導致頁面原來的內容丟失  

           document.write(arr)} }

8、 concat() 合併兩個數組 

        對原來的兩個數組 沒有任何改變，會生成一個拼接好的新數組 

         let arr1 = [1,2,3];

         let arr2 = [4,5,6];

         let arr3 = [7,8,9]

     拼接多個數組 

       let newarr = arr1.concat(arr2).concat(arr3);

      console.log(‘arr1’,arr1);

         console.log(‘arr2’,arr2); 

      console.log(‘newarr’,newarr);

        es6合併數組 要是用擴展運算符 … 

         等同於 [1,2,3] 把arr1的括號去掉，

        把裡面的內容拿出來了 

        let newarr = […arr1]; 

         let newarr = […arr1,…arr2,…arr3];

         console.log(newarr);

        eg1：定義  三個數組  分別是 三組學生的信息 第一組 姓名 年紀  性別 

        把三個數組 拼接起來 使用兩種方式 

        數組中的splice方法 可以對數組進行增刪改 

        splice()裡面有三個參數，

        第一個參數表示 你要操作的數組元素的索引

        第二個參數表示 你要從你選擇的索引開始要刪除的個數

        第三個參數表示 你要添加的數組元素

        let arr = [‘張三’,’李四’,’王五’]; 

         刪除李四 

        arr.splice(1,1) 

        把王五修改成麗麗 

         arr.splice(2,1,’麗麗’) 

        添加 你想在哪裡添加就在哪裡添加 

        把倩倩放在數組索引為2的位置 因為第二個參數是0 所以王五不會被刪除 

         arr.splice(2,0,’倩倩’) 

        使用splice在數組的末尾添加 

        arr.splice(3,0,’倩倩’) 

        在任意數組末尾的位置進行添加 

        arr.splice(arr.length,0,’倩倩’)

        console.log(arr); 

         eg2：寫一個數組 裡面有姓名 年紀 性別 展示在頁面上

         再寫三個按鈕 點擊 可以實現

        數組的末尾添加一個信息 刪除年紀  修改性別  點擊完成之後

        數組的最終結果使用alert打印出來 

         let arr = [‘張三’,20,’男’];

        document.write(arr);

         function fn(str){

            if(str==’add’){

                 arr.splice(arr.length,0,’奔馳’)

                alert(arr)    }

            if(str==’del’){

                 arr.splice(1,1)

              alert(arr)   }

           if(str==’update’){

               arr.splice(1,1,’女’)

              alert(arr） } }

         let arr = [‘張三’,’李四’,’王五’] 

         push在數組的末尾添加一個元素 

         pop 刪除數組的最後一個元素

         arr.pop();

        console.log(arr); 

        shift 刪除數組的最前面的一個元素 

        arr.shift();

        console.log(arr); 

        unshift 在數組的最前面添加一個數組 

        arr.unshift(‘麗麗’)

        console.log(arr);

求前輩創建一個文檔元素和設置表單中所有文本型的成員的值為空的Js？ 急急！！！！！

您好（以下僅供參考）

document.createElement_x(),document.createTextNode();創建一個文檔元素

var form = window.document.forms[0]

for (var i = 0; i

if (form.elements.type == “text”){

form.elements.value = “”;

}

}設置表單中所有文本型的成員的值為空

希望能夠幫助到您！186娛樂非常樂意再次為您解答，O(∩_∩)O謝謝！

如何用js創建元素？

var div =document.getElementById(‘listcont’)；

var child =div.createElement(“div”)；

child.class=”cont”;

div. appendChild(child);這樣就能把一個子div加進去ID為listcont的div的裡面了，其他元素可類似這樣添加

怎麼使用js創建

以JS創建按鈕為例：

1、創建一個元素時，使用createElement()函數

2、設置元素屬性可以有以下兩種常用方式，首先獲得具體元素的引用，

a)然後使用elementName.id=””;設置她的id屬性，同樣可以設置name等屬性，具體針對不同的頁面元素有不同的屬性，可以參考DHTML參考手冊

b)使用setAttribute函數，elementName.setAttribute(“id”,”elementId”);

兩種方式各有千秋，例如在設置class屬性時就存在a)不好使用的情況，在使用中需要注意。

3、刪除頁面元素。刪除時首先需要獲得需要刪除的元素的引用，然後使用removeChild函數就可以刪除該元素了。必須要獲得引用後才可以刪除（注意）。

4、無論是創建或者刪除頁面元素，針對的對象是document.body。如果需要查看生成頁面元素後的代碼，需要使用document.body.innerHTML來查看，直接查看源文件是無法看見的。

5、設置disable屬性也比較簡單，只需要將其作為button對象的一個屬性，設置為true就可以了。

function change_style(){

button=exist();

button.setAttribute(“class”,”bt”);//Mozilla設置class的方法

button.setAttribute(“className”,”bt”);//IE設置class的方法

/*下面的設置方法在Mozilla中有效，在IE中無效*/

//button.class=”bt”;

//button.className=”bt”;

}