HTML5用JavaScript克隆标签

HTML5用JavaScript克隆标签,第1张

<!DOCTYPE html>

<html>

  <head>

<meta http-equiv="Content-Type" content="text/html charset=UTF-8">

<title>

RunJS 演示代码

</title>

<style>

.content{

background-color:black

width:50px

height:50px

border-radius:90px

line-height:50px

color:white

text-align:center

cursor:pointer

float:left

-webkit-user-select:none

-moz-user-select:none

-ms-user-select:none

user-select:none

}

</style>

<script>

onload=function(){

document.body.onclick=function(e){

e = e || window.event

var ta = e.target || e.srcElement || e.toElement

if(ta.id == "c"){

this.appendChild(ta.cloneNode(true))

}

}

}

</script>

  </head>

<body>

    <div class='content' id="c">

点我

</div>

  </body>

</html>

给select加个样式,改变它的效果就好了

<style>

select{

width:300px

border:#CCC solid 1px

border-radius:2px

font-size:18px

color:#CCC

line-height:35px

height:35px

}

</style>

<body>

<select>

<option>select Box

</option>

</select>

</body>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7044760.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存