最近、CSSクラスが「Category-H1」のH1要素からtitleタグを取得するために、次の行のJavascriptコードをサイトのいくつかのページに追加しました。
document.title = document.getElementsByClassName("Category-H1")[0].innerHTML;
興味があります。H2要素からJSを使用してdescriptionタグをプルするのと同じようなことはできますか?
最近、CSSクラスが「Category-H1」のH1要素からtitleタグを取得するために、次の行のJavascriptコードをサイトのいくつかのページに追加しました。
document.title = document.getElementsByClassName("Category-H1")[0].innerHTML;
興味があります。H2要素からJSを使用してdescriptionタグをプルするのと同じようなことはできますか?
これは実行可能ですが、それがあなたが望んでいることを達成するかどうかはわかりません。ほとんどの人はSEOの目的でメタディスクリプションタグを使用しますが、ページの読み込み後にJavaScriptによって設定されている場合、多くの(ほとんどの?)検索エンジンは説明を認識しません*。それでも、これを実行したい場合:
var meta=document.getElementsByTagName("meta");
for (var i=0; i<meta.length; i++) {
if (meta[i].name.toLowerCase()=="description") {
meta[i].content=document.getElementsByClassName("Category-H1")[0].innerHTML;
}
}
お役に立てれば!
getAttribute()
この関数を使用して、これを行うことができます。
document.title = document.getElementsByClassName("Category-H1")[0].getAttribute("yourDescriptionMetaTag");
これはSEOにとって良いことではないと思います。動作するかもしれませんが、スパイダーはこれらのタグが動的であることを期待しているとは思いません。しかし、SEOが重要ではない場合は、jqueryを使用する方法を示す別の回答があります。