ホームページ制作リスティング広告運用代行システム開発ブログお問い合わせJavascriptを使ったHTMLの各要素取得方法2019年02月20日Web制作・ホームページ制作SNSボタンの設置や、飛び先のページにHTMLの情報を渡したいとき、いちいちパラメーターに渡す値を定義しなくてもJavascriptを使えば簡単に値を渡すことができるようになります。そんなJavascript、そもそもどんなHTMLの値を取得できるか調べてみましたのでご紹介します。タイトルタグの取得document.title;一番良く使うのがタイトルタグの取得。シェアボタンなどのリンクのパラメーターに設置すれば、簡単に各ページごとに合わせたボタンを作ることができます。各SNSボタンでの使い方は以下のページをご参考下さい。LINE・Facebook・Twitter・Google+の各シェアボタン、現在のURL(&タイトル)の自動取得リンク設置方法URLの取得location.href;上記のSNSボタン設置でも利用していますが、Javascriptで現在のURLの取得もすることができます。ページごとにURLをいちいち定義するなんて面倒くさい。Javascriptで一発解決ですね。metaデスクリプションの取得document.getElementsByName('description').item(0).content;ページのデスクリプションを取得したい場合は、こんな方法で取得可能です。説明文が欲しい場合に役立ちます。metaキーワードの取得document.getElementsByName('keywords').item(0).content;どんな場面で使うか分かりませんが、こんな方法でキーワードも取得できます。カスタムデータ属性から取得するdocument.querySelectorAll('[データ属性]');その他上記の方法で指定のタグ情報の取得が可能です。要素を取得した後の指定の場所の取得は、細かくなりますので省略します。まとめJavascriptを使えば、HTMLで書いた大抵のソースは取得可能です。FacebookTwitterGoogle+はてブPocket関連記事2019.05.17Web制作・ホームページ制作PHP7.3バージョンアップでcount関数エラーPHP5からPHP7へのアップデートでcount関数の仕様が変わり、今までと同じ方法で使用するとエラーが発生するようになりました。