DOMマッパーを作った

　CSSセレクタで要素を指定して、指定した値をあてがう。多言語化に使えるかと思ったのがはじまり。

成果物

• DEMO
• github

概要

　以下は見た目だけのタグですっきりしている。Viewって感じ。ただ、日本語にかぎられている。英語にしたいときがあるかもしれない。

<radio>
    <option>男</option>
    <option>女</option>
</radio>

　以下のようにしたい。あとは自動的に選んだ言語で表示したい。

<radio>
    <option value="male"></option>
    <option value="female"></option>
</radio>

　以下のようなTSVファイルで定義する。

query    target  和 英
radio[value="male"] textContent 男 Male
radio[value="female"]   textContent 女 Female

radio[value="female"]   innerText   女 Female
div#xxx innerHTML   <p>和<p>   <p>English<p>
div.yyy setAttribute,'class'    aaa bbb

位置	項目	概要
1	query	CSSセレクタ文字列。処理する要素を選ぶ。
2	target	DOM API。とりあえずtextContentだけできればいいか。
3〜	任意	セットする値。3列目以降はいくらでも好きに作れる。

所感

対象環境

• 2021-01-26
• Raspbierry pi 4 Model B
• Raspberry Pi OS buster 10.0 2020-08-20 ※
• bash 5.0.3(1)-release

$ uname -a
Linux raspberrypi 5.4.83-v7l+ #1379 SMP Mon Dec 14 13:11:54 GMT 2020 armv7l GNU/Linux