JavaScript超初心者です。
サイトで画像やテキストリンクが1ページにとても多く、
リンクアドレスも同一のものが数か所あります。
JavaScriptでリンクを設定すれば、リンクだらけにならないと聞いたので
使ってみようと思ったのですが、上手くいきません。
http://www.openspc2.org/reibun/javascript/link/0 …
こちらのサイトを参考にやってみたのですが、
テキストリンク1カ所はできました。
でも、画像リンクはnullと表示されて画像も表示されなくなり、
2個目のテキストリンクはリンクになりません。
<a href="./aaa.html"><img src="./img/aaa.jpg" /></a>
<a href="./aaa.html">あああ</a>
<a href="./bbb.html"><img src="./img/bbb.jpg" /></a>
<a href="./bbb.html">いいい</a>
<a href="./aaa.html"><img src="./img/ccc.jpg" /></a>
<a href="./aaa.html">ううう</a>
このように表示されているリンクを
JavaScriptでリンクを設定するにはどうしたらよいでしょうか?
よろしくお願いします!
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
いまいち?なのですが、
>テキストリンク1カ所はできました。
>でも、画像リンクはnullと表示されて画像も表示されなくなり、
>2個目のテキストリンクはリンクになりません。
こちらでそのソースをHTMLにしたところ、画像は素材がないのでエラーですが
ちゃんとリンクになりましたよ。
<script type="text/javascript">
function ll() {
document.write("<a href=アドレス><img src=./img/aaa.jpg />あああ</a>");
}
</script>
これ「以降」に、
<script type="text/javascript">
ll();
ll();
ll();
ll();
</script>
こういうこと?
もう少し、詳しく書いてもらえれば、
回答できると思うので、補足をお願いします。
この回答への補足
説明不足でわかりにくくてすみません。
<a href="./aaa.html"><img src="./img/aaa.jpg" /></a>
<a href="./aaa.html">あああ</a>
<a href="./bbb.html"><img src="./img/bbb.jpg" /></a>
<a href="./bbb.html">いいい</a>
<a href="./aaa.html"><img src="./img/ccc.jpg" /></a>
<a href="./aaa.html">ううう</a>
このタグはhtmlの1ページに点在するリンクで続けて書いてはありません。
<div>
<div>
<a href="./aaa.html"><img src="./img/aaa.jpg" alt="" /></a>
</div>
<div>
テキスト文
</div>
<div>
テキスト文テキスト文<br />
<a href="./aaa.html">あああ</a>
</div>
</div>
このようにブロックでいくつも分かれています。
同じURLや画像URLを数回、同一ページでリンクしたいです。
画像は<a href="./aaa.html"><img src="./img/aaa.jpg" /></a>や<a href="./aaa.html"><img src="./img/ccc.jpg" /></a>のように違う画像でリンク先は同じというのが多いです。
記述は.jsで外部に
window.onload = function(){
var linkID = "aaa";// リンクを設定するタグのID
var linkURL = "https://xxx.com/aaa.html";
var baseTag = document.getElementById(linkID);
var link1 = baseTag.firstChild.nodeValue;
var aTag = document.createElement("a");
aTag.href = linkURL;
aTag.appendChild(document.createTextNode(link1));
baseTag.replaceChild(aTag, baseTag.firstChild);
}
htmlは
<span id="aaa">あああ</span>
画像リンクで上記の記述を
var linkID = "ccc";// リンクを設定するタグのID
var linkURL = "https://xxx.com/aaa.html";
と追加してhtmlに
<span id="ccc"><img src="./img/ccc.jpg" /></span>
このように記述すると画像がnullと表示されてリンクもされません。
テキストリンクも上段のリンクだけが可能で、それ以降でIDを変更してもリンクになりません。
説明ヘタで申し訳ございませんが、これでわかりますでしょうか。
function ll() {
document.write("<a href=アドレス><img src=./img/aaa.jpg />あああ</a>");
}
画像リンクは記述が違うのでしょうか?
よろしくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- Perl 画像が表示でnull; this.src 1 2022/04/19 11:31
- SEO googleサーチコンソールで、重複URLが多数発生、その修正方法について 2 2023/06/23 16:15
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
アイコンとバナーの違いについて
-
直リンクの貼り方
-
WEBサイト 画像の直接リンクに...
-
ライブドアブログ WYSIWYGエデ...
-
ライブドアブログにバナーを貼...
-
バナーの直リンク禁止とは?
-
直接リンクと間接リンクの違い
-
リンクボタンの貼り方
-
バナーURL
-
ビットマップ(bmp)形式で背景...
-
編集が出来ません(JPEGフ...
-
お札画像の素材集を加工してWeb...
-
質問です。 K-POPアイドルの公...
-
上司から10メガバイトの画像...
-
tiffファイルをトリミングして...
-
アメブロの画像アップロードに...
-
文章が読みやすいのは?
-
HTML 表の上に文字がきてしま...
-
一部の文字列の右寄せについて
-
キャッシュは手動で更新しない...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
アイコンとバナーの違いについて
-
バナーの直リンク禁止とは?
-
CSSで画像にリンクをつける方法
-
直リンクの貼り方
-
movable typeでバナーにリンク...
-
バナーの持ち帰り方と貼り方。
-
gooブログでバナーを貼り付...
-
直接リンクと間接リンクの違い
-
リンクボタンの貼り方
-
Tumblrで記事中にリンクが貼れない
-
このWEB用語、WEB文章、意味が...
-
Amazonアソシエイトのリンクが...
-
ヘッダ内に複数のリンクを埋め...
-
ブログでリンクを貼る方法
-
ライブドアのブログでタイトル...
-
人気ブログランキングの貼り付け方
-
(*_*) ホームページの<バナー...
-
gooブログのバナー貼付について
-
メール投稿でリンクタグが使用...
-
リンクの貼り方。。
おすすめ情報