<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
/*#d1{background-color: rgb(211,21,42);width: 200px;height: 50px;
line-height: 50px;text-align: center;position: relative;}
#d1 p{color: white;}
#d1 p button{top: 25%;right: 0;position: absolute;font-size: 20px; background-color: rgba(0,0,0,0); }
button{border: 0;color: white;}*/
button:focus{outline: none;}
#in1:focus{;outline: none;text-align: center;}
#in1{border: 0 ;border-bottom:1px solid rgb(150,150,150);
font-size: 20px;height: 35px;width: 200px;}
#d2 button{height: 35px;
background-color: orange;width: 80px;
color: white;border: 0;
}
.bb{cursor: pointer;}
</style>
</head>
<body id="body">
<!--<div id="d1">
<p id="p1">西瓜<button id="b1">×</button></p>
</div>-->
<div id="d2">
<input type="" name="" id="in1" value="" />
<button id="b2" >确定</button>
</div>
</body>
</html>
<script type="text/javascript">
// b1=document.getElementById('b1')
// b1.onclick=function(){
// this.parentElement.parentElement.remove()
// }
body = document.getElementById('body')
div2 = document.getElementById('d2')
in1=document.getElementById('in1')
b2 = document.getElementById('b2')
b2.onclick = function(){
red =parseInt(Math.random()*255)
green = parseInt(Math.random()*255)
blue = parseInt(Math.random()*255)
s=in1.value
div3=document.createElement('div')
//
div3.style=";line-height: 50px;text-align: center;position: relative;width:200px;height:50px;"
div3.style.backgroundColor = 'rgb('+red+','+green+','+blue+')'
p3 = document.createElement('p')
p3.innerText=s
p3.style ='color: white;margin-top:3px;margin_bottom:3px'
b3 =document.createElement('button')
b3.className='bb'
b3.innerText='×'
b3.style='border: 0;color: white;top: 25%;right: 0;position: absolute;font-size: 20px; background-color: rgba(0,0,0,0); '
p3.appendChild(b3)
div3.appendChild(p3)
body.insertBefore(div3,div2)
bottons = document.getElementsByClassName('bb')
console.log(bottons)
for(x in bottons){
bottons[x].onclick = function(){
y =confirm('是否删除?')
if (y){
this.parentElement.parentElement.remove()
}
}
}
}
</script>
2019-05-20DAY6作业
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 1.连续3周时间无间断过,每天清晨问自己三个问题:第一个问题:对我来说什么是最有价值的事情?第二个问题:要做什么事...
- 本来这电影在国外2018年11月就上映了 ,我们这个月才在国内看到。对于口碑好的电影我都是独自一人去电影院看,除...
- 青椒在丑丑镜面前晃了晃,她的影子时而拉长,时而缩小,时而变粗,时而模糊。 青椒看着自己的幻影,头一下膨胀起来,她觉...