在点击js后添加号码到事件按钮

Question

我需要帮助完成这个简单的任务。我点击按钮后添加另一个li元素“item X”。 X =后续数

<ul id="list"> 
<li>item 0</li> 
</ul> 
<button id="addElem">Add</button> 

 

var flag = 0; 
for (var i = 0; i < flag.length; i++) {} 
var list = document.getElementById('list'); 
var add = document.getElementById('addElem'); 
add.addEventListener('click', function() { 
var NewlistElem = document.createElement('li'); 
list.appendChild(NewlistElem).innerHTML += 'item' + flag[i]; 
}) 

Answer 1

var flag = document.getElementsByTagName('li'); // #1 
flag=flag[flag.length-1].innerHTML; // #2 
flag=parseInt(flag.match(/\d+/))+1; // #3 

说明

• #1 - >得到所有li元素
• #2 - >选择最后一个li元素的innerHTML
• #3 - 使用正则表达式>，得到的数量和使用parseInt转换成int和添加+ 1

var list = document.getElementById('list'); 
 
var add = document.getElementById('addElem'); 
 
add.addEventListener('click', function() { 
 
var flag = document.getElementsByTagName('li'); 
 
flag=flag[flag.length-1].innerHTML; 
 
flag=parseInt(flag.match(/\d+/))+1; 
 
var NewlistElem = document.createElement('li'); 
 
list.appendChild(NewlistElem).innerHTML += 'item' + flag; 
 
})

<ul id="list"> 
 
<li>item 0</li> 
 
</ul> 
 
<button id="addElem">Add</button>