javascript

JavaScriptでDOM操作を行う際には、 document.getElementById　や document.getElementByClassNameなどをよく使うと思います。 しかし、document.querySelectorがとても便利だったため、紹介したいと思います。 IDを取得する <div id="te...

jQueryには、親要素を検索することができるparentsという関数があります。 ただ、jQueryを導入せず、生のJavaSctiptで同じような動きを再現したかったため、以下の関数を作成しました。 function parents(elements, attribute, name){ while(true){ elemen...

window.onloadを書いたけど、動かないことが多々あります。 これは、同じページ内で複数のwindow.onloadが記述されている場合に、一つしか動作できないのが原因なようです。 また、「一つしか動作できない」というのは、正確には、関数を上書きしてしまっている（オーバーライド）しているようです。 複数の開発者で開発して...

JavascriptでDOMを削除する方法についてです。 もし、IDが「sample」のDOMを削除したいのであれば、以下のように記述します。 サンプルコード var removeElement = document.getElementById('sample'); if(removeElement != null) rem...

マスタッシュ構文なるものを覚えたので、属性要素idにマスタッシュ構文を使用し、idを指定してやろうと思ったのですが,,, <div id={{custom-id}}></div> こんな書き方は、出来ません。 タイトル詐欺じゃないか、と思った方。 ごめんなさい。 ただ、他の方法があるため、そちらをご紹介い...

最近流行りのvuejsを使用してみました。 その中で特徴的なマスタッシュ構文、データバインディング構文などをvuejsを触ったことがない人でも理解しやすいよう、まとめてみようと思います。 今回は、「マスタッシュ構文」のみについて書きます。 基本構文の確認のみなのでCDNを使用しようと思います。 そのため、何かをインストールしたりす...

テンプレート内でidを使用しているため、テンプレートで複数呼び出したら、idが重複してしまい、警告されてしまいました...。 しかし、テンプレートの中身を弄ると、影響範囲も広く、面倒なため、idを振りなおすように記述することにしました。 現状サンプル（問題の状態） var mainTemplate = { template: '...

Javascriptで正規表現をかける場合のサンプルを作成しました。 サンプルコード function regularExpression(value, name, array){ const katakana = '＼＼u30a0-＼＼u30ff'; const hiragana = '＼＼u3040-＼＼u309f'; co...

PHP関数でarray_columnといえば、配列の構造を変換するのに便利な関数です。 それをjavascriptで実装しましたので、利用してください。 実装 function array_column($array, $name=null, $key=null){ if(arguments.length < 1 ) th...

PHP関数でarray_flipといえば、配列内のキーと値を入れ替えてくれる関数です。 それをjavascriptで実装しましたので、利用してください。 実装 function array_flip($array){ if(arguments.length != arguments.callee.length) throw ne...

PHP関数でarray_count_valuesといえば、配列内で同じ要素をカウントしてくれる関数です。 それをjavascriptで実装しましたので、利用してください。 実装 function array_count_values($array){ if(arguments.length != arguments.callee...

PHP関数でarray_chunkといえば、配列を指定したサイズで分割して返してくれる関数です。 それをjavascriptで実装しましたので、利用してください。 実装 function array_chunk($array, $size){ if(arguments.length != arguments.callee.len...