easy

DocsVersion : 1.0.0

afterTo( content )

原型方法Define in : node.js

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

参数
  • 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>' ).afterTo( E.query('#box1')[0] );

运行

例子2

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

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

运行

例子3

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

span link
<span id="demoSpan1">span </span><a href="#" id="demoLink1">link </a>
E( '#demoSpan1' ).afterTo( 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>' ).afterTo( E.query('#demoList3 span') );

运行

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