cloneNode()鏄疛avaScript涓殑涓€涓柟娉曪紝鐢ㄤ簬鎷疯礉涓€涓妭鐐广€傚畠鍙互鐢ㄦ潵鍒涘缓涓€涓妭鐐圭殑鍓湰锛岃€屼笉褰卞搷鍘熷鑺傜偣銆?/p>

cloneNode()鏂规硶鏈変竴涓彲閫夌殑甯冨皵鍙傛暟deep锛岄粯璁ゅ€间负false銆傚綋deep涓篺alse鏃讹紝鍙細鎷疯礉褰撳墠鑺傜偣锛岃€屼笉浼氭嫹璐濆叾瀛愯妭鐐广€傚綋deep涓簍rue鏃讹紝浼氳繛鍚屽叾瀛愯妭鐐逛竴璧锋嫹璐濄€?/p>

cloneNode()鏂规硶杩斿洖涓€涓柊鐨勮妭鐐瑰璞★紝鍙互閫氳繃appendChild()鎴杋nsertBefore()绛夋柟娉曞皢鍏舵彃鍏ュ埌鏂囨。涓殑鍏朵粬浣嶇疆銆?/p>

浠ヤ笅鏄痗loneNode()鏂规硶鐨勪娇鐢ㄧず渚嬶細

var originalNode = document.getElementById("original");
var clonedNode = originalNode.cloneNode(true); // 鎷疯礉鑺傜偣鍙婂叾瀛愯妭鐐?/span>

document.body.appendChild(clonedNode); // 灏嗘嫹璐濈殑鑺傜偣鎻掑叆鍒癰ody涓?/span>

鍦ㄤ笂闈㈢殑绀轰緥涓紝棣栧厛閫氳繃getElementById()鏂规硶鑾峰彇id涓?quot;original"鐨勮妭鐐广€傜劧鍚庝娇鐢╟loneNode()鏂规硶鎷疯礉璇ヨ妭鐐癸紝骞跺皢鎷疯礉鐨勮妭鐐规彃鍏ュ埌鏂囨。鐨刡ody涓€?/p>

娉ㄦ剰锛宑loneNode()鏂规硶鍙細鎷疯礉鑺傜偣鏈韩鐨勫睘鎬у拰灞炴€у€硷紝鑰屼笉浼氭嫹璐濅簨浠跺鐞嗙▼搴忕瓑銆傚鏋滈渶瑕佹嫹璐濅簨浠跺鐞嗙▼搴忥紝鍙互浣跨敤addEventListener()鏂规硶灏嗕簨浠跺鐞嗙▼搴忛檮鍔犲埌鎷疯礉鐨勮妭鐐逛笂銆?/p>

姝ゅ锛宑loneNode()鏂规硶鍙兘鐢ㄤ簬澶嶅埗DOM鑺傜偣锛岃€屼笉鑳界敤浜庡鍒禞avaScript瀵硅薄鎴栧叾浠栭潪DOM瀵硅薄銆?/p>