2017-07-20 7 views
0

ご質問申し訳ありませんが、それを把握しています。 の場合:私は、私がクリックした現在のHTML要素に関数の結果を表示する方法クリックした要素のターゲットJavaScript関数

<body onclick="myFunction(event)"> 
<p>Paragraph</p> 
<h1>This is a heading</h1> 
<button>This is a button</button> 

<p id="demo"></p> 

<script> 
function myFunction(event) { 
    var x = event.target; 
    document.getElementById("demo").innerHTML = x.tagName; 
} 
</script> 
</body> 

? "デモ"ではありません。

+3

'x.innerHTML'? –

+0

'x'はタグ名です、私は' document.getElementsByTagName [0] .x.innerHTML = x.tagName;しようとしました - は動作しません –

+1

@MichalKotus、 'x.innerHTML = x.tagName;'を使用します* Suresh Atta *が言っていること。 – Ionut

答えて

0

この関数には何も返されないという意味での結果はありません。しかし、一般的に、あなたはちょうどあなたが

event.target.innerHTML = 'something' 
1

あなたはevent.target.nodeName

<body onclick="myFunction(event)"> 
<p>Paragraph</p> 
<h1>This is a heading</h1> 
<button>This is a button</button> 

<p id="demo"></p> 

<script> 
function myFunction(event) { 
    var x = event.target; 
    x.innerHTML = x.nodeName; 
} 
</script> 
</body> 
+0

*クリックした現在のHTML要素に関数の結果を表示するにはどうすればよいですか? "デモ"ではありません。* ...あなたはその質問を誤解しましたか? – Ionut

+0

'document.getElementById(" demo ")'で結果を望んでいませんが、 'H1'をクリックすると'

'要素 –

+0

@MichalKotusの結果が必要です。上の、もう一つは良いです)、良いコメント(あなたの質問の下の最初のもの)。何が問題ですか? – Ionut

1

であなたを行っている希望を行うことができるはず「何か」にクリックしたオブジェクトのinnerHTMLプロパティを設定しようとしている場合であるためには、あなたのHTMLコードを変更する必要があります。

onclick="myFunction(this);" 

あなたのケースでは、それは次のようになります。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
    <title>Document</title> 
</head> 
<body> 
    <input type="button" onclick="mFunction(this);" ID='TER' value="Heeeey"> 
</body> 
<script> 
    function mFunction(obj){ 
     obj.value = "My Result" ; 
    } 
</script> 
</html> 
関連する問題