JSON-LDでHTML要素を作る

やりたいことに近づいてきた。

成果物

schema.org.CreateHtml.ByJavaScript.201702140912

Playgrounds

See the Pen schema.org.CreateHtml.ByJavaScript.201702140912 by ytyaru (@ytyaru) on CodePen.

jsfiddle, jsdo.it, liveweave, CodePad

前回まで

http://ytyaru.hatenablog.com/entry/2017/04/07/000000
http://ytyaru.hatenablog.com/entry/2017/04/08/000000
http://ytyaru.hatenablog.com/entry/2017/04/09/000000

概要

1. JSON-LDを読み込む
2. 1からHTMLタグを作成する
3. 2をHTMLのbodyに挿入する

DOM

DOMでHTML要素を操作する。

前回もJavaScriptからDOMのAPIを操作することで、JSON-LDを読み込んだ。今回はHTML要素を追加する。

所感

いくらでも応用が考えられる。ワクワクしてきた。