Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

配列JavaScriptからループ内の属性を設定するにはどうすればよいですか？

配列を受け取り、この配列の対応する値に従って、特定のDOMに存在する最初のn個のdivのid属性を変更する関数を作成する必要があるとします。ここで、nは配列の長さです。

まず、DOMに存在するすべてのdivを選択し、唯一の引数として受け入れた配列を反復処理して、対応するIDを各divに割り当てます-

同じことをするためのコードは-

です 
const array = ['navbar', 'sidebar', 'section1', 'section2', 'footer'];
const changeDivId = (arr) => {
   const divsArray = document.querySelectorAll('div');
   arr.forEach((element, index) => {
      divsArray[index].id = element;
   });
};
changeDivId(array);

これにより、配列の要素を対応するdivのIDに正常にマップできます。


  1. JavaScript配列から文字列を解析する方法は？

    以下は、JavaScript配列から文字列を解析するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> &nbs

  2. JavaScriptでオブジェクトを含む配列の配列をループするにはどうすればよいですか？

    以下は、JavaScriptのオブジェクトを含む配列の配列をループするコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>