如何在组合中创建代码
how can create in the combination the codes?
我有8个li标签..当我输入名称时,我希望每个li标签都是绿色的。但我无法创建组合..例如,当我输入我的名字时,一个 li 标签将是绿色的。如何创建组合?
<style>
.color {
background: green;
}
ul {
list-style: none;
}
li{
width: 100px;
height: 100px;
background: gray;
}
</style>
<div id="goster">
<ul>
<li id="item"></li>
<li id="item"></li>
<li id="item"></li>
<li id="item"></li>
<li id="item"></li>
<li id="item"></li>
<li id="item"></li>
<li id="item"></li>
</ul>
</div>
<script>
var name = prompt("Enter your name:", ""),
li = 8,
item="";
while(++i < li){
var item=document.getElementsByTagName("li")[i].setAttribute("class", "color");
document.getElementById("goster").innerHTML=name[item];
}
</script>
只有我只需要它,或者你能给我任何提示..我尝试循环,但它不起作用..颜色应该是每个输入名称作为随机..
不清楚你到底在寻找什么。
您想在提示后将 .color 类添加到每个 li 中吗?
var name = prompt("Enter your name:", "");
var items = document.getElementsByTagName("li");
for(let i = 0; i < items.length; i++) {
let item = items[i];
if(item.className.indexOf('color') < 0) {
item.className += 'color';
item.textContent = name;
break;
}
}
.color {
background: green;
}
ul {
list-style: none;
}
li {
width: 100px;
height: 100px;
background: gray;
}
<div id="goster">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
这是你真正想做的吗
for (var i = 0;i< li;i++){
var item=document.getElementsByTagName("li")[i].setAttribute("class", "color")
document.getElementById("goster").children[0].children[i].textContent=name[item];
}
相关文章:
- 创建一个循环来简化HTML和CSS代码
- 如何创建更好的方式来维护基于我的代码访问的最后一个页面
- Markdown模式代码镜像正在创建
- 如何在Google chrome安全首选项文件中创建扩展安全哈希代码
- 创建对象函数原型和代码是错误的
- 如何在不编写样板代码的情况下在Node中创建可重用函数
- 代码挑战:创建一个跟踪对象实例总数的类Foo
- 正在从帧创建时间代码
- 如何使用我的Jquery代码创建委托事件侦听器
- JavaScript代码优化-创建可重用类
- 如何在jquery中为object键创建一个工作变量以避免额外的代码
- 使用Javascript创建的Cookie在C#代码中不可访问..任何原因或其他选择
- 使用Promise来创建“;原子“;Javascript中的代码块
- HTML 运行时创建代码非常慢
- 建议为选择图像创建代码
- 运行Greasemonkey在DOM中创建代码
- 创建代码以逐个运行函数(DOM)的一些想法
- 从Web表单创建代码片段(易于剪切和粘贴)
- 你能为iPhone创建代码吗;添加到主屏幕'按钮放在网页上
- 如何在组合中创建代码