murasukeのブックマーク - はてなブックマーク

ECMAScript 2015 の分割代入は奥が深かった
はじめに配列やオブジェクトの個々の値を各々の変数に代入する事ができる「分割代入」というのが登場しました。結構便利そうではありますが、具体的にどのような事ができるのでしょう。 ECMAScript 2015 (ES2015 / ES6) にまだ慣れない人向けと、自分のためのメモとして置いておきます。基本編おそらく一番使うであろう書き方です。配列通常、配列から値を取り出すときはインデックス（添字）を指定してやらなければいけませんが、分割代入ではまとめて変数に代入できるので便利です。 /* 一個ずつ取り出す場合 */ var individuals = ['早坂美玲', '森久保乃々', '星輝子']; var cute = individuals[0], cool = individuals[1], passion = individuals[2]; console.log(cut
murasuke 2021/02/24
javascript

分割代入
リンク
window.getComputedStyle() で要素のスタイルを取得する - Qiita
JavaScriptでHTML要素のスタイルを知りたいという時、どうしていますか？ jQueryを使っているのであれば jQuery.css(element, 'property') や jQuery(selector).css('property') で取得している人もいるかと思いますが、jQueryを使わずとも window.getComputedStyle() というメソッドで取得可能です。（jQuery.css() もこれを使っています）なにそれなにそれー！ window.getComputedStyle() とは？指定した要素の現在の状態のスタイル情報を CSSStyleDeclaration（Firefoxでは CSS2Properties）という名前の読み取り専用の（配列のように扱う事もできる）オブジェクトを返すメソッドです。すっごーい！ MDNでも見てみましょう。要素
murasuke 2020/01/28
外部スタイルシートを適用した状態のstyleを取得する方法

css
リンク
JavaScriptでの要素のスタイル操作で !important を使う方法 - Qiita
はじめに JavaScriprで要素のスタイルを普通に変更しようとしても、元々のCSSで !important 指定されている場合変更できないという問題があります。 !important を使うこと自体ナンセンスな部分がありますが、仕事で使う機会があったのでいろいろな方法を挙げてみました。それぞれの方法を見てみます。いろいろな方法それぞれのメリット・デメリットも含めて。以下のようなHTMLがあるとします。（いろいろ省略してます） <style> #target { background-color: #f00 !important; } </style> <div id="target" style="width: 100px; height: 100px;"></div>
murasuke 2019/07/22
javascript

css
リンク
1