Fluent HTML タグ Builder_html/css_WEB-ITnose

から: https://github.com/rwhitmire/tag-builder

タグビルダー

Fluent HTML タグ構築​​ライブラリ

インストール

npm install --save tag-builder

例

const assert = require('assert')const TagBuilder = require('tag-builder')const div = new TagBuilder('div')const html = div.text('hello world').toString()assert.equal(html, '<div>hello world</div>')

const html = TagBuilder  .create('input')  .attr({    'type': 'password',    'name': 'password'  })  .addClass('form-control')  .toString()assert.equal(html, '<input type="password" name="password" class="form-control">')

他の例については、テストを参照してください。

API

toString() を除くすべてのメソッドは TagBuilder インスタンスを返し、チェーン可能です。

create(tagName: string)

TagBuilder インスタンスを返します。

html(html: any)

要素の innerHTML を設定します。このメソッドには文字列または TagBuilder インスタンスを渡すことができます。

appendHtml(html: any)

提供された HTML を内部コンテンツに追加します。このメソッドには文字列または TagBuilder インスタンスを渡すことができます。

text(text: string)

要素の HTML エンコードされた innerText を設定します。

appendText(text: string)

HTML エンコードされたテキストを内部コンテンツに追加します。

attr(attributes: object)

属性ハッシュをタグにマージします。

addClass(className: string)

classNameをタグにマージします。

toString()

HTML文字列を返します。