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

誰かが 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/