html 克隆节点 参数 属性 会一起克隆吗

html 克隆节点 参数 属性 会一起克隆吗,第1张

用cloneNode定义和用法cloneNode() 方法可创建指定的节点的精确拷贝。此方法可返回所复制的节点。语法:nodeObject.cloneNode(include_all)参数 描述 include_all 必需。假如逻辑参数被设置为真,那么被克隆的节点会克隆原节点的所有子节点。 返回值当前节点的副本。说明该方法将复制并返回调用它的节点的副本。如果传递给它的参数是 true,它还将递归复制当前节点的所有子孙节点。否则,它只复制当前节点。返回的节点不属于文档树,它的 parentNode 属性为 null。当复制的是 Element 节点时,它的所有属性都将被复制。但要注意,当前节点上注册的事件监听器函数不会被复制。

<!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/7314570.html

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

发表评论

登录后才能评论

评论列表(0条)

保存