blockquote要素の属性を抜き出し表示するjavascriptで3つのタイプのスクリプトを紹介しています。
先日エントリーしたblockquote要素の属性を抜き出し表示するjavascriptで
引用元のタイトル名にそのままリンクを貼ることは可能なのでしょうか?
コメント-blockquote要素の属性を抜き出し表示するjavascript
上記のコメントを頂きましたので、簡単に置き換える方法を紹介しようと思いましたが、アンカーリンクの前に「引用元：」のテキストを表示しようと思い、予想外に時間がかかってしまいました。
今回は、
引用元：引用元タイトルリンク
のパターンで抜き出し表示するjavascriptを紹介します。
blockquote要素の属性を抜き出し表示するjavascript-パターン１
引用元：引用元タイトルリンク
のパターンで抜き出し表示するコードです。
サンプルページはこちらblockquote要素の属性を抜き出し表示するjavascriptパターン１
blockquote要素の属性を抜き出し表示するjavascript-パターン2
引用元：引用元ページタイトル名
引用元URL
のパターンで抜き出し表示するコードです。
サンプルページはこちらblockquote要素の属性を抜き出し表示するjavascriptパターン2
blockquote要素の属性を抜き出し表示するjavascript-パターン3
もっとシンプルに
引用元
のパターンで抜き出し表示するコードです。
上記のコードの12行目
a.appendChild(document.createTextNode('引用元'));の部分を
a.appendChild(document.createTextNode(title));
に書き換えれば、 引用元ページタイトルのアンカーリンク表示となります。
javascriptメモ
今回のスクリプトで”文字列”をobject（オブジェクト）として、DOMツリー操作を使ったメソッドで流し込むにはdocument.createTextNode()を使えばいい。
element.appendChild(a);は、複行指定できる。
新しく生成する要素に、それぞれ異なったobject（オブジェクト）を同じ行内に流し込む時には、element.appendChild(a);を複数指定することで可能となります。
上記のことを把握するのに時間がかかりました。
参考サイト
- DOM Samples /Core Node/appendChild() - ［JavaScript］All About
- http://allabout.co.jp/internet/javascript/closeup/CU20040815A/
コメントする