请补全JavaScript代码,要求根据参数动态生成"li"标签页码并插入"ul"标签下。要求如下:
1. "allItem"为总数据项个数,"pageItem"为每页的数据项个数
2. "li"标签内容为当前页码数,页码从1开始
_createPage(13,2)
"li"长度为7,"li"内容依次为"1","2","3","4","5","6","7"
<script type="text/javascript"> const _createPage = (allItem, pageItem) => { // 补全代码 // 1.获取ul的DOM元素 var ul = document.getElementById('ul'); // 2.li的长度(页数) var pageLen = Math.ceil(allItem/pageItem); var content = ''; // 3.为li标签内容赋值 for (var i = 1;i < pageLen+1;i++) { content += `<li>${i}</li>`; } ul.innerHTML = content; } </script>
let number = Math.ceil(allItem / pageItem); let ul = document.querySelector('#ul'); let str = ''; for (let i = 0; i < number; i++) { str += `<li> ${i + 1} </li>`; } ul.innerHTML = str;
const _createPage = (allItem, pageItem) => { // 补全代码 //获取长度 ceil是向上取整 let length = Math.ceil(allItem / pageItem); //生成一个指定长度的数组 let arr = Array(length).fill(1); //reduce生成li字符串 document.getElementById('ul').innerHTML = arr.reduce((pre, cur, index) => { return `${pre}<li>${index+1}</li>`; }, ''); }
const _createPage = (allItem, pageItem) => { // 补全代码 const ulElement = document.querySelector("#ul") const pageNum = Math.ceil(allItem/pageItem) for(let i =1;i<pageNum+1;i++){ let liElement = document.createElement("li") liElement.textContent = i; ulElement.appendChild(liElement) } }
let u = document.getElementById('ul') const _createPage = (allItem, pageItem) => { // 补全代码 for (let i = 1; i <= Math.ceil(allItem / pageItem); i++) { let li = document.createElement('li') li.innerText = i u.appendChild(li) } }
const _createPage = (allItem, pageItem) => { // 补全代码 const num = allItem % pageItem if(num === 0) { sum(allItem / pageItem) }else { sum((allItem+1) / pageItem) } ul.innerHTML = `<li>${liDom.join(',')}</li>` } function sum(data) { console.log(data) for(let i = 1; i <= data; i++) { liDom.push(i) } }一直说我错误,我不理解,望解惑,效果都出来了
<script type="text/javascript"> const _createPage = (allItem, pageItem) => { // 补全代码 let ul = document.querySelector("#ul"); let pages = Math.ceil(allItem / pageItem); for (let i = 1; i <= pages; i++) { let li = document.createElement("li"); let str = i li.innerHTML = str; ul.append(li); } }; </script>
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body> <ul id="ul"></ul> <script type="text/javascript"> const _createPage = (allItem, pageItem) => { // 补全代码 const ul = document.getElementById("ul"); const num = Math.ceil(allItem / pageItem); let str = ""; for (let i = 1; i <= num; i++) { str += `<li>${i}</li>`; } ul.innerHTML = str }; </script> </body> </html>
// 补全代码 let pagenum=Math.ceil(allItem / pageItem) let ul=document.querySelector('#ul') for(let i=0;i<pagenum;i++){ let a=document.createElement('li') a.innerText=i+1 ul.appendChild(a) }
const _createPage = (allItem, pageItem) => { // 补全代码 // 获取ul元素 let ul = document.getElementById("ul"); // 计算所需的页数 const pageNum = Math.ceil(allItem / pageItem); // 循环为<li></li>标签赋值 let inner = ""; for (let i = 1; i <= pageNum; i++) { inner += `<li>${i}</li>`; } // 修改ul内容 ul.innerHTML = inner; }