js操作DOM语义化理解

// var redqiuq = redqiu.map (function (ele) {
// return '<li class=red> '+ele+' </li>';

//把他转成字符串；给它加个li标签设置个类名 ,innerhtml会解析标签，这样就可以设置样式

// })
// console.log(redqiuq.join(''));

// console.log(redqiu);
// return arrtohtml (redqiu,'red') + arrtohtml (blueqiu,'blue');
// }
// var ual = document.getElementsByTagName('ul');

// ual[0].innerHTML = arrtohtml (redqiu,'red') + arrtohtml (blueqiu,'blue');

//给他加上html就会解析数组中的标签名；分开设置；rebqiu覆盖了标签原有的数值

//解析ul中的li标签 在ul中后期给他加了li标签和li里面的内容，读取识别了li标签，然后style中设置了li

//把red这个随机数组值加进ul标签

// function shuangseqiu() {
// function random (start,end) {
// return Math.floor(Math.random() * (end-start+1) + start);
// }
// var redqiu = newson (5,1,32);
// var blueqiu = newson (2,1,16);
// redqiu = newson(5,1,31);
// blueqiu = newson (2,1,16);
// function newson (num,start,end) {
// var res = [];
// while (res.length<num) {
// var newsui = random(start,end); //newson的start，end和random一样？？
// if (res.indexOf(newsui)===-1) {

//这里的start和end顶的是上面随机功能的实参

// res.push(newsui);

//同时在newson是形参，然后newson赋值

// }
// }
// return res;
// }