muku@happi.18

JavaScript Forループの中で要素を消すには?配列の後ろから消す

Forループの中で配列の要素を消そうとするとおかしくなる。 以下のjavascriptは、array1で定義した配列のうち、iphoneで始まる要素を削除しています。 なのでandroid-1と、android-2だけが配列に残って欲しいと...

JavaScriptでクッキーを保存したときに空白スペースが自動で入るので消す方法

クッキーに保存する方法と、クッキーを取り出す方法のおさらい クッキーに値を保存するには以下のように、window.documentオブジェクトのcookieプロパティに代入すると習った。 document.cookie = キー=値; 例え...

JavaScript クラス名で取得した要素をループ中にremoveするとおかしくなる

備忘録、調査、試したこと、解決策をメモ。(スマートな正解かどうかは不明) クラス名で取得した要素のclassをループ中にremoveするとおかしくなる HTMLでこのように記述して、 JavaScriptはこのように記述。 1行目でclas...

JavaScriptでCanvasの上に描画した表示を数秒後に消すsetTimeout

5秒で消えちゃうので先に画面をお見せします。 See the Pen canvas-img-repeat by pghappy (@pghappy) on CodePen. ここから解説。 Canvas上に文字を表示して、5秒後にその文字を...

JavaScriptでCanvas内にdrawImageした画像をrepeatする

まず結論から。以下のコードで画像の繰り返しが出きた。 HTML側はcanvasを用意してid=bgの画像を非表示で1個用意。 JavaScript側は以下のようにした。drawImageを使ってない。。 全体像はこちら。 See the P...

JavaScriptでCanvas内でdrawImageした画像を押したときのイベントを発生させる

なぜかcanvasに画像を描画してそれをaddEventListnerしてもイベントが取れないので色々試したときの備忘録。 画像タグにonclick属性でメソッドを設定する方法はOK HTML側で画像を用意して、onclick属性にpush...

JavaScriptでコード内でイベントを発生させる方法

ブラウザ上でユーザーが何も操作をすることなく、イベントを発生させたい場合の話。 コード内で自分で作ったイベントを発生させる方法の備忘録。 JavaScriptでコード内でイベントを発生させる方法1 先にコードを書いておく。 HTMLは HT...

JavaScriptでtableの作成・td値の取得・行追加・クリック行取得

JavaScriptで何もないところにtableを動的に作成する createElement(tagName)とすることでtagNameで指定されたHTML要素を作成することができる。 tableを作成したい場合はcreateElement...