【动态添加标签的时候，只添加文字，但是，不影响样式处理办法。 _节点操作】

动态添加标签的时候，只添加文字，但是，不影响样式处理办法。

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(0)

节点操作

详细描述

截图

代码

var entranceNum = document.getElementById('entrance');
var slideNum = document.getElementById('slide');

slideNum.onchange = function () {
    entranceNum.value = slideNum.value;
};

entranceNum.onchange = function () {
    if (entranceNum.value >3 && entranceNum.value<19){
        entranceNum.value = slideNum.value;
    }else{
        alert('请输入正确的人数')
    }
};
var left = document.getElementById('left');
left.onclick = function () {
    if (entranceNum.value > 4){
        entranceNum.value--;
        slideNum.value = entranceNum.value;
    }  else {
    }
};
var right = document.getElementById('right');
right.onclick = function () {
    if (entranceNum.value < 18){
        entranceNum.value++;
        slideNum.value = entranceNum.value;
    }  else {
        alert('人太多了');
    }
};
document.getElementsByClassName('go')[0].addEventListener('click',function () {
    if (document.getElementsByClassName('add-flat').length<2){
        alert('请分配好人数')
    }else{
        window.location.href='./JS3.html'
    }
});




setting.onclick = function () {
    var entrance = [];
      var str ="";
    entrance.length = entranceNum.value;
    var slayer = Math.floor(entranceNum.value/3);
var q=[];
while(q.length<slayer){
    var stochastic= Math.floor(Math.random()*entranceNum.value);
    if(q.indexOf(stochastic)<0){
        q.push(stochastic);
    }
    // console.log(out);
}
 for (i =0; i<q.length; i++){
     entrance[q[i]] ='<li class="add-slayer">' + '杀手' + '</li>';
     // console.log(i);
     // console.log(out)
     // console.log(entrance)
}
for (i=0; i<entrance.length; i++){
    if(entrance[i] !=='<li class="add-slayer">' + '杀手' + '</li>'){
        entrance[i] ='<li class="add-flat">' + '平民' + '</li>';
    }
    // console.log(entrance.length)
    // console.log(i)
}

console.log(entrance);
for (var i=0;i<entrance.length;i++){
     str +=entrance[i];

}



 document.getElementById('info').innerHTML = str;
sessionStorage.setItem('dog',JSON.stringify(entrance))
};
console.log(entrance);

编辑于2024-11-11