Prototype - clonePosition() 方法

此方法将源的位置和/或尺寸克隆到元素上,如可选参数选项所定义。

语法

element.clonePosition(source[, options]);

以下是可能的选项列表 −

名称 默认 描述
setLeft true 将源的 left CSS 属性克隆到元素上。
setTop true 将源的 top CSS 属性克隆到元素上。
setWidth true 将源的 width 克隆到元素上元素。
setHeight true 将源的宽度克隆到元素上。
offsetLeft 0 偏移元素左侧 CSS 属性的数字。
offsetTop 0 偏移元素顶部 CSS 属性的数字。

返回值

HTML 元素。

示例

<html>
   <head>
      <title>Prototype examples</title>
      <script type = "text/javascript" src = "/javascript/prototype.js"></script>
      
      <script>
         function clonePosition() {
            var firstElement = $('firstDiv');
            var secondElement = $('secondDiv');
            secondElement.clonePosition( firstElement);
         }
      </script>
   </head>

   <body>
      <p>Click Clone Position button to see the result.</p>
      <div id = "firstDiv">
         <p>This is first paragraph</p> 
      </div>

      <div id = "secondDiv">
         <p>This is second paragraph</p> 
      </div>
      <br />
      
      <input type = "button" value = "Clone Position" onclick = "clonePosition();"/>
   </body>
</html>

输出

prototype_element_object.html