ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML/CSSは不要、JSで十分_html/css_WEB-ITnose

HTML/CSSは不要、JSで十分_html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 08:48:57
オリジナル
991 人が閲覧しました

誰かが Github で興味深いプロジェクトを構築しました。 Web ページを作成するには JS のみが必要です。原理は実際には非常に簡単です。p、div、ul、li などの「html 関数」を作成して Web ページを作成すると、バックボーンとシームレスに組み合わせることができます。

h1('HTML Creation');p('Tags are functions.')p('Attributes are objects...', {  style:{fontStyle:'italic'}})ul(function(){  li('Nest');  li('with');  li('functions!');});
ログイン後にコピー

効果:

HTML 作成

タグは関数です。

属性はオブジェクトです...

  • ネスト
  • with
  • 関数!

JS を使用して CSS を設定することもできます

h1('CSS Creation')css({  '.red':{color:'#e00'},  '.big':{fontSize:'25px'}});div({'class':'red'}, 'This is red');div({c:'big'}, 'This is big');div({c:'big red'}, 'This is both');
ログイン後にコピー

効果:

CSS 作成

これは赤です

これは大きいです

これは両方です

Github アドレス: https://github.com/ojjs/oj/

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート