Q&A
まずは質問者さんの思うままにやってみてください。やった上で困っているのでしたら
現在のソースコードをMarkDownの<code>ブロック内に貼り付けてご提示ください。
初心者です。tableのtdにclassを指定して中身を利用したいです。
tableの<tr><td class="satoh">佐藤</td></tr>に対して、if(td.satoh="佐藤"){document.write('〇');}を用いて、classがsatohであるtdタグの文字が「佐藤」であれば<td class=satoh>のテーブルに「〇」のマークが記入されるようにしたいのですがうまくいきません。どうすればよいでしょうか。```<!DOCTYPE html>
<html lang="ja" dir="ltr"> <head> <meta charset="utf-8"> <title>テーブル</title> <script> if(td.satoh="佐藤"){ document.write("〇"); } </script> …一部省略 </head> <body> <table> <tr> <th>名前</th><td class="satoh">佐藤</td><td>高橋</td><td>大野</td> </tr> <tr> <th>性別</th><td>女性</td><td>男性</td><td>男性</td> </tr> <tr> <th>年齢</th><td>18</td><td>31</td><td>24</td> </tr> </table> </body> </html> コード ``` ```jqueryを用いていない方法で教えていただけると助かります。
ちょっと意味がわかりません
<td class="satoh">佐藤</td>
が
<td class="satoh">佐藤○</td>
になるイメージですか？
class="satoh"は１箇所しかないですか？複数箇所存在する可能性はありますか？
<!DOCTYPE html>
<html lang="ja" dir="ltr">
<head>
<meta charset="utf-8">
<title>テーブル</title>
<style>
table th{
padding : 10px 20px;
background-color:#99CCFF;
width:30%;
}
td{
padding : 10px 20px;
width:20%;
}
th,td{
border : solid 1px black;
font-size: 30px;
}
table{
width:60%;
}
</style>
<script>
if(td.satoh="佐藤"){
document.write("〇");
}
</script>
</head>
<body>
<table>
<tr>
<th>名前</th><td class="satoh">佐藤</td><td>高橋</td><td>大野</td>
</tr>
<tr>
<th>性別</th><td>女性</td><td>男性</td><td>男性</td>
</tr>
<tr>
<th>年齢</th><td>18</td><td>31</td><td>24</td>
</tr>
</table>
</body>
</html>
document.writeはやめましょう
どこに○を書きたいのか說明になっていません
質問は編集できますので、質問本文に<code>ブロックを呼び出してその中に貼り付けて下さい。
```HTML
<tr>
<td>
```
のような感じで
分かりにくくてすみません。名前、性別、年齢を記入したテーブルを作成しており、<td class="佐藤">佐藤</td>の場合に<td class="佐藤">佐藤〇</td>となるように取り組んだものです。classは1つしか設定しておりません
document.writeの文字を記入する場所を決定することは可能ですか？
```HTML
<!DOCTYPE html>
<html lang="ja" dir="ltr">
<head>
<meta charset="utf-8">
<title>テーブル</title>
<style>
table th {
padding: 10px 20px;
background-color: #99CCFF;
width: 30%;
}
td {
padding: 10px 20px;
width: 20%;
}
th, td {
border: solid 1px black;
font-size: 30px;
}
table {
width: 60%;
}
</style>
<script>
if (td.satoh = "佐藤") {
document.write("〇");
}
</script>
</head>
<body>
<table>
<tr>
<th>名前</th>
<td class="satoh">佐藤</td>
<td>高橋</td>
<td>大野</td>
</tr>
<tr>
<th>性別</th>
<td>女性</td>
<td>男性</td>
<td>男性</td>
</tr>
<tr>
<th>年齢</th>
<td>18</td>
<td>31</td>
<td>24</td>
</tr>
</table>
</body>
</html>
```
今回は面倒なので自分が貼ったので質問文に入れといて下さい。(コメント欄は適用されない)
繰り返しになりますがdocument.writeはモダンなJSでの使用はありえません。
私の回答のとおりだと思いますが、なにか想定と違うようなら指示ください
回答1件
0
かってに解釈して
javascript
1<table> 2<tr><td class="satoh">佐藤</td></tr> 3<tr><td class="satoh">田中</td></tr> 4<tr><td class="tanaka">佐藤</td></tr> 5<tr><td class="satoh">佐藤</td></tr> 6</table> 7<script> 8document.querySelectorAll('td.satoh').forEach(x=>{ 9 x.textContent+=x.textContent=="佐藤"?"○":""; 10}); 11</script>
投稿2021/03/25 06:45
総合スコア116724
あなたの回答
tips
プレビュー
