Javascript(jqueryなし)を使用してHTML <a>タグの値を取得する方法

randomUser786

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]

編集
0

コメントを追加

0

関連記事

分類Dev

Jqueryを使用して太字のタグ内の値を取得する方法

分類Dev

タグの値を取得する方法は?

分類Dev

javascript / jqueryを使用してスパンタグ間で値を取得する方法

分類Dev

jqueryを使用して特定の<li>タグ値を取得する

分類Dev

jQueryを使用してselectタグの値を取得する

分類Dev

JavaScriptのみ(jQueryなし)を使用してdivタグのテキストを取得する方法

分類Dev

jqueryを使用してデータ属性の値を取得する方法

分類Dev

ボタンタグの子タグの値を取得する方法

分類Dev

Javaを使用してXMLから特定のタグ全体の値を取得する方法

分類Dev

phpdomを使用してhtmlのクラス内からすべてのbタグ値を取得する方法

分類Dev

js regexを使用して引用符なしでタグ値を取得する方法

分類Dev

JAVASCRIPT を使用して <option> タグ内のカスタム属性の値を取得する方法

分類Dev

HTML タグの値を取得する方法 (getAttribute が NULL を返す)

分類Dev

JavaでSelenium Webdriverを使用してタグ値を取得する方法

分類Dev

JavaScriptを使用してHTMLの「Select」タグを検証する方法

分類Dev

Javascriptを使用してJSON応答からHTMLタグ値を取得する

分類Dev

HTMLの<p>タグでurlの値を取得する方法

分類Dev

Javascriptを使用してHTMLタグを別のHTMLタグに配置する方法

分類Dev

divの下にあるselectタグの値を取得する方法

分類Dev

views.pyから値を取得してJavascriptタグで使用する方法

分類Dev

getElementByIdを使用してulタグにあるliタグの値を取得する方法

分類Dev

WebDriverを使用してタグの外側で値を取得する

分類Dev

XSLTを使用してXMLタグの値を取得する

分類Dev

XSLTでタグ値を取得する方法

分類Dev

Jqueryのドラッグ可能なイベントを使用して「id」と「data」の値を取得する方法

分類Dev

フォームタグなしでボタンの値を取得する方法

分類Dev

Javascriptを使用してタグ値のコンテンツを取得する

分類Dev

JavaScriptで<a>タグの値を取得する方法

分類Dev

javascriptのselectタグから値を取得する方法

Related 関連記事

  1. 1

    Jqueryを使用して太字のタグ内の値を取得する方法

  2. 2

    タグの値を取得する方法は?

  3. 3

    javascript / jqueryを使用してスパンタグ間で値を取得する方法

  4. 4

    jqueryを使用して特定の<li>タグ値を取得する

  5. 5

    jQueryを使用してselectタグの値を取得する

  6. 6

    JavaScriptのみ(jQueryなし)を使用してdivタグのテキストを取得する方法

  7. 7

    jqueryを使用してデータ属性の値を取得する方法

  8. 8

    ボタンタグの子タグの値を取得する方法

  9. 9

    Javaを使用してXMLから特定のタグ全体の値を取得する方法

  10. 10

    phpdomを使用してhtmlのクラス内からすべてのbタグ値を取得する方法

  11. 11

    js regexを使用して引用符なしでタグ値を取得する方法

  12. 12

    JAVASCRIPT を使用して <option> タグ内のカスタム属性の値を取得する方法

  13. 13

    HTML タグの値を取得する方法 (getAttribute が NULL を返す)

  14. 14

    JavaでSelenium Webdriverを使用してタグ値を取得する方法

  15. 15

    JavaScriptを使用してHTMLの「Select」タグを検証する方法

  16. 16

    Javascriptを使用してJSON応答からHTMLタグ値を取得する

  17. 17

    HTMLの<p>タグでurlの値を取得する方法

  18. 18

    Javascriptを使用してHTMLタグを別のHTMLタグに配置する方法

  19. 19

    divの下にあるselectタグの値を取得する方法

  20. 20

    views.pyから値を取得してJavascriptタグで使用する方法

  21. 21

    getElementByIdを使用してulタグにあるliタグの値を取得する方法

  22. 22

    WebDriverを使用してタグの外側で値を取得する

  23. 23

    XSLTを使用してXMLタグの値を取得する

  24. 24

    XSLTでタグ値を取得する方法

  25. 25

    Jqueryのドラッグ可能なイベントを使用して「id」と「data」の値を取得する方法

  26. 26

    フォームタグなしでボタンの値を取得する方法

  27. 27

    Javascriptを使用してタグ値のコンテンツを取得する

  28. 28

    JavaScriptで<a>タグの値を取得する方法

  29. 29

    javascriptのselectタグから値を取得する方法

ホットタグ

アーカイブ