OTHERSJavascriptにおいてのCSSの初期化Javascriptを使ってDOM操作をしていると、CSSを初期値に戻したくなくことがある。この場合の「初期値」とは、CSS規格で各プロパティに設定されている初期値のことではなく、サイト独自のCSSファイルに記述されている初期値のこと。その点に関して実は今まで、後で元に戻す必要がある処理を行う場合には、変更する前にJavascript上の変数に初期値を記憶しておいて必要に応じて取り出して使用するという処理をしていたのだが、最近、別の処理を検証している時に、簡単に初期値に戻せる方法を見つけてしまったので覚え書きとして残しておく。したら周知のことなのかも知れないが...。hiddenが設定されていると『.innerText』が機能せずに読み込めないブラウザもあるのだが、そうした場合、一時的に対象ノードのvisibilityだけをvisibleに設定してから『.innerText』を実行すれば問題なく取得できる。問題はそのあとで、一時的に変更したvisibilityが、親ノードからの継承によってhiddenだったのか、直接指定でhiddenだったのかを確認するには、ノードをさかのぼって面倒な検証をするしかないため想像以上に手間がかかる。hiddenを設定しなければならない。いう手間を全て取っ払って初期状態に戻せるのが空文字を指定するという方法。targetNode.style.visibility=“”;空の文字列をvisibilityに指定すると、CSSファイルで指定されている初期状態に戻すことが可能で、色々検証した結果、これはvisibilityに限らずCSSの全てのプロパティで使用できる魔法のような方法であることが分かった。displayだろうがopacityだろうがleftだろうがbackgroundだろうが、Javascript上でグリグリ動かした後に空文字を指定すると見事にCSSファイルで指定してある初期状態へと戻ってくれた。今まで知らなかったのが悲しくなってしまうほど呆気なくキレイさっぱり戻ってくれる。使い方によってはとても便利に機能させることができるので、DOM操作をする際には頭の片隅に。IIARTDESIGNPHOTOGRAPHTHINKFOODSOTHERS2020年2月2020年1月2019年12月2019年11月2019年10月2019年9月2019年8月2019年7月2019年6月2019年5月2019年4月2019年3月2019年1月2018年12月2018年11月2018年10月2018年9月2018年7月2018年6月2018年5月2018年3月2018年2月2018年1月2017年12月2017年11月2017年9月2017年7月2017年3月2017年2月2017年1月2016年12月2016年11月2016年10月2016年9月2016年8月2016年7月2016年6月2016年5月2016年4月2016年3月2016年2月2016年1月2015年12月2015年11月2015年10月2015年9。