VanillaJavascriptを使用してHTML<a>
タグの値を取得する方法
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td><a>Jill</a></td>
<td><a>Sam</a></td>
<td><a>10</a></td>
</tr>
<tr>
<td><a>Eve</a></td>
<td><a>Jeffreson</a></td>
<td><a>55</a></td>
</tr>
</table>
ユーザーがタグをクリックしたときに、タグの値を取得して、JSを使用してどのタグがクリックされたかを確認したいと思います。
これが私が試したものです: var list = document.getElementsByTagName("a");
function myFunction(val){
console.log(val.innerHTML)
}
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td><a onclick="myFunction(this)">Jill</a></td>
<td><a onclick="myFunction(this)">Sam</a></td>
<td><a onclick="myFunction(this)">10</a></td>
</tr>
<tr>
<td><a onclick="myFunction(this)">Eve</a></td>
<td><a onclick="myFunction(this)">Jeffreson</a></td>
<td><a onclick="myFunction(this)">55</a></td>
</tr>
</table>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加