function CopyButtons () {
var editor = document.getElementById ("editor");
var buttons = editor.getElementsByTagName ("button");
var controlRange = editor.createControlRange ();
for (var i = 0; i < buttons.length; i++) {
controlRange.addElement (buttons[i]);
}
controlRange.execCommand('Copy',null);
}
<div id="editor" contenteditable="true" style="background-color:#e0f0e0;">
<button>button1</button>
<button>button2</button>
<img src="http://www.google.com.hk/images/srpr/nav_logo37.png"></img>
<img src="http://www.baidu.com/img/baidu_jgylogo1.gif"></img>
</div>
<p>
<button onclick="CopyButtons ();">Copy</button>
</p>
<div contenteditable="true" style="border:1px solid #000;width:500px;height:300px"></div>
直接复制button是没有问题的,但是如果editor.getElementsByTagName ("button");中的button改成img,则只能复制一张图片,把controlRange.addElement 换成controlRange.add效果也是一样。
如果我想复制多个图片对象,但是又不想将这些对象放到一个div或者p中,请问应该如何处理!
多谢了。
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货