メモしよっと

なんでもメモするブログです。

JavaScript

テキストノードの取得と変更 - JQuery

やり方 例えば下記HTMLのように、要素の中に要素とテキストがあり、テキストだけ変更したいときのやり方。 <a href="" id="example"><img src="icon.svg" alt="">メッセージ</a> テキストノードの取得と変更 contents() メソッドを使って、 id="example"のテキストノードを含めた全要素を取得します。 要素を精査し、…

readyとloadの違い - jQuery

readyとload readyとは DOMの読み込みが終わりアクセスできるようになったら、何らかの処理をすること loadとは ページのすべての要素-例えば画像など-全てロードされたら、何らかの処理をすること readyの書き方 $(function(){ }); // または jQuery(docume…

Intl.Segmenterを使えば、サロゲートペア文字列も一文字でカウントしてもらえる - JavaScript

サロゲートペア文字列(例えば‍‍‍のような絵文字)を文字数カウントにすると、だいたい1文字以上の扱いになります。 (何文字になるかは、カウント方法で変わってくる) そこで、簡単に1文字扱いで取得できる方法がないか調べました。 JavaScriptのIntlオブ…