-
jQueryをCDNで読み込む方法を徹底解説
本記事では、jQueryをCDNで読み込む方法についてサンプルコードを用いて分かりやすく解説しています。 【jQueryの導入】 jQueryを導入するには、2つの方法があります。1つ目が公式ページからjQueryを動かすために必要なファイルをダウンロードする方法、2... -
jQueryで要素を取得する方法(id、class、タグ、属性、入れ子)
本記事では、jQueryでid名・class名・タグ名・属性・入れ子要素を取得する方法について解説しています。 【要素を取得する方法】 id名 id名で要素を取得するには以下のように記述します。 <p id="text">サンプル</p> <!-- ←この... -
【JavaScript】HTMLCollectionとNodeListの違い
本記事では、JavaScriptのHTMLCollectionとNodeListの違いについて解説しています。 【HTMLCollectionとは？】 HTMLCollectionとは、「document.getElementsByClassName()」や「document.getElementsByTagName()」などで取得することができる配列風オブジ... -
【JavaScript】class名で要素を取得する方法
本記事では、JavaScriptを使ってclass名で要素を取得する方法について解説しています。 【class名で要素を取得する】 HTMLタグに設定されているclass名で要素を取得するには、「document.getElementsByClassName()」または「document.querySelectorAll()」... -
【JavaScript】id名で要素を取得する方法
本記事では、JavaScriptを使ってid名で要素を取得する方法について解説しています。 【id名で要素を取得する】 HTMLタグに設定されているid名で要素を取得するには、「document.getElementById()」または「document.querySelector()」を使います。 HTMLの... -
【HTML】テキストにルビ(ふりがな)を振る方法
本記事では、HTMLで表示させているテキストにルビ(ふりがな)を振る方法について解説しています。 【ルビ(ふりがな)を振る方法】 テキストにふりがなを振るには、<ruby>タグと<rt>タグを使います。 <ruby> 鮪<rt>まぐろ</tr>... -
【CSS】テキストを縦書きにする方法
本記事では、通常横書きで表示されるテキストをCSSを使って縦書きにする方法について解説しています。 【テキストを縦書きにする方法】 テキストを縦書きにする方法はとても簡単で、writing-modeプロパティを使います。このwriting-modeプロパティとは、テ... -
【CSS】text-align:centerが効かない原因と対処法
本記事では、CSSのtext-align:centerが上手く適用されず中央寄せされない原因と対処法について解説しています。 【原因1：インライン要素に適用させている】 原因の1つ目は、text-align:centerをインライン要素に適用させていることです。これが一番text-a... -
Uncaught TypeError: “” is not a functionの原因と対処法
本記事では、JavaScriptのエラーの一つUncaught TypeError: "" is not a functionが出た際の原因と対処法について解説しています。 【エラーの原因と対処法】 "x" is not a function、日本語に訳すと「xは関数ではありません」という意味になります。この... -
Uncaught TypeError: Cannot (read set) property of nullの原因と対処法
本記事では、JavaScriptのエラーの一つUncaught TypeError: Cannot (read set) property ‘’ of nullが出た際の原因と対処法について解説しています。 【エラーの原因と対処法】 Cannot (read set) property ‘x’ of undefined、日本語に訳すと「nullのプロ...
