teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

2020/02/13 15:21

投稿

LUCIA
LUCIA

スコア20

title CHANGED
File without changes
body CHANGED
@@ -25,7 +25,7 @@
25
25
 
26
26
 
27
27
  この記事がトップページに出てくるとこんな表示になります。一番上の記事です。
28
- [トップページ]( http://ancyfamily.blog.fc2.com)
28
+ [トップページ](http://ancyfamily.blog.fc2.com)
29
29
 
30
30
  (本来ならば太字タイトルの下にsummaryが出てきてほしいのですが、空欄になってしまっています)
31
31
 

1

2020/02/13 15:20

投稿

LUCIA
LUCIA

スコア20

title CHANGED
File without changes
body CHANGED
@@ -3,26 +3,30 @@
3
3
  ブログにアクセスした時のトップ画面に、各記事ごとの内容のあらすじを表示したいと思い、テンプレートのhtml編集をしています。
4
4
  あらすじを表示するためにsummaryというIDを定義し、その部分をjavascriptで抜き出して表示したいと考えています。(idは概要用に作りました)
5
5
  記事それぞれに<div id="summary">…</div>というブロックを設け、javascript部分に
6
+ ```html
6
7
  <script>
7
8
  document.getElementById(‘summary’);
8
9
  </script>
10
+ ```
9
11
 
10
12
  といった記述をすればいいのだろうな…というところまではぼんやりと分かったのですが、今は何も表示されていない状態です。
11
13
 
12
14
  ここからどうすれば、id="summary"部分を抜き出して表示することができますでしょうか…?
13
15
 
14
- サンプルページ:http://ancyfamily.blog.fc2.com/blog-entry-90.html
16
+ [記事のページ](http://ancyfamily.blog.fc2.com/blog-entry-90.html)
15
17
 
16
- コード
18
+ ```html
17
- ───
19
+
18
20
  <div id="summary">あらすじ部分です。idにsummaryを使っています。トップページにこの部分を表示したいと考えています</div>
19
21
 
20
22
  本文です。
21
- ───
22
23
 
24
+ ```
23
25
 
26
+
24
27
  この記事がトップページに出てくるとこんな表示になります。一番上の記事です。
25
- http://ancyfamily.blog.fc2.com
28
+ [トップページ]( http://ancyfamily.blog.fc2.com)
29
+
26
30
  (本来ならば太字タイトルの下にsummaryが出てきてほしいのですが、空欄になってしまっています)
27
31
 
28
32
  チャレンジしてみたこと