質問編集履歴
3
文法の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
### 前提
|
|
3
3
|
|
|
4
4
|
①「width:80%、font-size:14px」内に全角で何文字収まるか調べるcapasity関数を作成し、
|
|
5
|
-
②対象となるテキストの文字数をカウントするcount関数を作成、
|
|
5
|
+
②対象となるテキストの文字数をカウントするtextcount関数を作成、
|
|
6
6
|
③はみ出した部分を「...」で表示するshorten関数を作成
|
|
7
7
|
④ページ読み込み時にshorten関数を実行
|
|
8
8
|
|
|
@@ -131,23 +131,20 @@
|
|
|
131
131
|
<script>
|
|
132
132
|
<!--コメントを受け上記コードの73行目以降をforEach文で修正したものです->
|
|
133
133
|
var sample = document.querySelector(".sample");
|
|
134
|
-
var str = sample.innerText;
|
|
135
|
-
var s
|
|
134
|
+
var sampleall = document.querySelectorAll(".sample");
|
|
136
135
|
|
|
137
|
-
var sampleall = document.querySelectorAll(".sample");
|
|
138
136
|
|
|
139
137
|
sampleall.forEach(function(value){
|
|
140
138
|
|
|
141
|
-
var kstr = str;
|
|
142
139
|
var count = (textcount(value.innerText));
|
|
143
140
|
|
|
144
141
|
if (count > capacity(value)) {
|
|
145
142
|
|
|
146
143
|
//はみ出してる文字数+4文字をテキストの後ろから削除
|
|
147
|
-
|
|
144
|
+
value.firstElementChild.innerHTML = value.firstElementChild.innerHTML.slice( 0, capacity(value) - count -4 );
|
|
148
145
|
|
|
149
146
|
//「…」と連結し、元のテキストを置き換える
|
|
150
|
-
value.firstElementChild.innerHTML =
|
|
147
|
+
value.firstElementChild.innerHTML = value.firstElementChild.innerHTML + "…";
|
|
151
148
|
}
|
|
152
149
|
|
|
153
150
|
//要素の幅が十分にあればそのまま表示
|
2
誤字
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -125,7 +125,7 @@
|
|
|
125
125
|
|
|
126
126
|
どうぞよろしくお願いします。
|
|
127
127
|
|
|
128
|
-
###
|
|
128
|
+
### 上記のコードをforEach文で書き直したコード
|
|
129
129
|
|
|
130
130
|
```html
|
|
131
131
|
<script>
|
1
文法の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -125,3 +125,37 @@
|
|
|
125
125
|
|
|
126
126
|
どうぞよろしくお願いします。
|
|
127
127
|
|
|
128
|
+
### 該当のソースコード
|
|
129
|
+
|
|
130
|
+
```html
|
|
131
|
+
<script>
|
|
132
|
+
<!--コメントを受け上記コードの73行目以降をforEach文で修正したものです->
|
|
133
|
+
var sample = document.querySelector(".sample");
|
|
134
|
+
var str = sample.innerText;
|
|
135
|
+
var strfirst = sample.firstElementChild.innerHTML;
|
|
136
|
+
|
|
137
|
+
var sampleall = document.querySelectorAll(".sample");
|
|
138
|
+
|
|
139
|
+
sampleall.forEach(function(value){
|
|
140
|
+
|
|
141
|
+
var kstr = str;
|
|
142
|
+
var count = (textcount(value.innerText));
|
|
143
|
+
|
|
144
|
+
if (count > capacity(value)) {
|
|
145
|
+
|
|
146
|
+
//はみ出してる文字数+4文字をテキストの後ろから削除
|
|
147
|
+
strfirst = strfirst.slice( 0, capacity(value) - count -4 );
|
|
148
|
+
|
|
149
|
+
//「…」と連結し、元のテキストを置き換える
|
|
150
|
+
value.firstElementChild.innerHTML = strfirst + "…";
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
//要素の幅が十分にあればそのまま表示
|
|
154
|
+
else {
|
|
155
|
+
;
|
|
156
|
+
}
|
|
157
|
+
});
|
|
158
|
+
</script>
|
|
159
|
+
|
|
160
|
+
```
|
|
161
|
+
|