easy

DocsVersion : 1.0.0

html( [ content ] )

原型方法Define in : node.js

当无 content 参数时,该方法会立即返回第一个匹配元素的 innerHTML 内容。有 content 参数时,则将 content 设置成所有匹配元素的 innerHTML。

参数
  • content
    htmlString|
    Element|
    Element Array|
    easyJS Object
    可选

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

返回值
  • String

    无 content 参数则返回第一个匹配元素的 innerHTML内容。

  • easyJS Object

    有 content 参数则返回 easyJS Object 自身,便于链式调用。

例子1

获取 div 元素的 innerHTML 内容。

para1

<div id="box1"><p>para1</p></div>
alert( E('#box1').html() );

运行

例子2

设置 div 元素的 innerHTML 内容,参数是 HTML 字符串。

box2
<div id="box2">box2</div>
E( '#box2' ).html( '<p>para2</p>' );

运行

例子3

设置 div 元素的 innerHTML 内容,参数是 DOM 元素。

para3

box3
<p id="para3">para3</p>
<div id="box3">box3</div>
E( '#box3' ).html( E.query('#para3')[0] );

运行

例子4

设置 div 元素的 innerHTML 内容,参数是 DOM 元素数组。

para4

para4

box4
<p class="para4">para4</p>
<p class="para4">para4</p>
<div id="box4">box4</div>
E( '#box4' ).html( E.query('p.para4') );

运行

例子5

设置 div 元素的 innerHTML 内容,参数是 easyJS Object。

para5

box5
<p id="para5">para3</p>
<div id="box5">box3</div>
E( '#box5' ).html( E('#para5') );

运行