单击元素中的目标javascript函数_Javascript

单击元素中的目标javascript函数

javascript

单击元素中的目标javascript函数,javascript,Javascript,对不起，有个问题，我想不出来。如果：段落这是一个标题这是一个按钮函数myFunction（事件）{ var x=事件目标； document.getElementById（“demo”）.innerHTML=x.tagName； } 如何在我单击的当前HTML元素中显示函数结果？不在“demo”中。函数没有返回任何内容的结果。但一般来说，如果您试图将刚刚单击的对象的innerHTML设置为“某物”，那么您应该可以这样做 event.target.innerHTML = 'some

对不起，有个问题，我想不出来。如果：


段落
这是一个标题
这是一个按钮

函数myFunction（事件）{
var x=事件目标；
document.getElementById（“demo”）.innerHTML=x.tagName；
}

如何在我单击的当前HTML元素中显示函数结果？不在“demo”中。

函数没有返回任何内容的结果。但一般来说，如果您试图将刚刚单击的对象的innerHTML设置为“某物”，那么您应该可以这样做

event.target.innerHTML = 'something'

函数没有返回任何内容的结果。但一般来说，如果您试图将刚刚单击的对象的innerHTML设置为“某物”，那么您应该可以这样做

event.target.innerHTML = 'something'

希望您已经使用了

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>


段落
这是一个标题
这是一个按钮

函数myFunction（事件）{
var x=事件目标；
x、 innerHTML=x.nodeName；
}

希望您已经完成了

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>


段落
这是一个标题
这是一个按钮

函数myFunction（事件）{
var x=事件目标；
x、 innerHTML=x.nodeName；
}

您必须将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>


文件
功能M功能（obj）{
obj.value=“我的结果”；
}

您必须将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>


文件
功能M功能（obj）{
obj.value=“我的结果”；
}

x.innerHTML

？

是一个标记名，我尝试了

document.getElementsByTagName[0]。x.innerHTML=x.tagName-不存在work@MichalKotus，使用x.innerHTML=x.tagName这就是Suresh Atta所说的。非常感谢，我现在已经拿到了x.innerHTML
？x
是一个标记名，我尝试了document.getElementsByTagName[0]。x.innerHTML=x.tagName-不存在work@MichalKotus，使用x.innerHTML=x.tagName这就是Suresh Atta所说的。非常感谢，我现在已经拿到了！如何在我单击的当前HTML元素中显示函数结果？不是在“演示”中。。。您是否误读了问题？我不希望结果出现在document.getElementById（“demo”）
，但是如果我单击H1
，我需要
中的结果element@MichalKotus，你得到了一个很好的答案（不是上面的答案，另一个是好的），还有一个很好的评论（你问题下的第一个）。问题是什么？event.target.innerHTML=event.target.nodeName@WaqasAhmed，这不是比x.innerHTML
更好吗？如何在我单击的当前HTML元素中显示函数结果？不是在“演示”中。。。您是否误读了问题？我不希望结果出现在document.getElementById（“demo”）
，但是如果我单击H1
，我需要
中的结果element@MichalKotus，你得到了一个很好的答案（不是上面的答案，另一个是好的），还有一个很好的评论（你问题下的第一个）。问题是什么？event.target.innerHTML=event.target.nodeName@WaqasAhmed，它不是比x.innerHTML
更好吗？