easy

DocsVersion : 1.0.0

beforeTo( content )

原型方法Define in : node.js

beforeTo 是将匹配的元素插入到一个指定元素的前面,before 是将指定的内容插入到自己的前面。如果要将匹配元素插入到指定元素后面,请使用 afterTo

参数
  • content
    htmlString|
    Element|
    Element Array|
    easyJS Object
    必需

    content 可以是 HTML 字符串、DOM 元素、DOM 元素数组、easyJS Object。

返回值
  • easyJS Object

    返回 easyJS Object 便于链式调用。

例子1

将新建的 span 元素插入到一个 div 元素的前面,参数是 DOM 元素。

box1
<div id="box1">box1</div>
E( '<span>new span </span>' ).beforeTo( E.query('#box1')[0] );

运行

例子2

将 em 元素插入到 div 元素前面,参数是 DOM 元素。

box2
em1
<div id="box2">box2</div>
<em id="demoEm1">em1</em>
E( '#demoEm1' ).beforeTo( E.query('#box2')[0] );

运行

例子3

将 span 元素插入到 a 元素的前面,参数是 easyJS Object。

link span
<a href="#" id="demoLink1">link </a><span id="demoSpan1">span </span>
E( '#demoSpan1' ).beforeTo( E('#demoLink1') );

运行

例子4

将新建的 a 元素同时插入到多个 span 元素的前面,参数是 DOM 元素数组。

list3
span1
span2
<dl id="demoList3">
    <dt>list3</dt>
    <dd><span>span1</span></dd>
    <dd><span>span2</span></dd>
</dl>
E( '<a href="#">new link </a>' ).beforeTo( E.query('#demoList3 span') );

运行

查看其它 DOM 元素的插入方法
afterprototype
afterToprototype
appendprototype
appendToprototype
beforeprototype
prependprototype
prependToprototype