Question

我有这个简单而基本的代码，我在JSFiddle上做过它似乎不起作用。我想要它做的是将head2 id的innerHTML更改为JavaScript代码中的文本

让我知道你的想法！

P.S这是在JSFiddle，所以我没有将JavaScript文件链接到我的HTML中，因为他们已将它链接起来我相信

function clickMe() {
	var hehe = document.getElementById('head2');
    hehe.innerHTML = "<strong>I changed the heading!</strong>";
}

<h1>
This is heading one
</h1>
<h2 id="head2">
This is heading two
</h2>
<input value="Click me!" type="button" onclick="clickMe">

Answer 1

将onclick="clickMe"更改为onclick="clickMe()"。你忘记了括号

function clickMe() 
{
    var hehe = document.getElementById('head2');
    hehe.innerHTML = "<strong>I changed the heading!</strong>";
}

<h1>This is heading one</h1>
<h2 id="head2">This is heading two</h2>
 
<input value="Click me!" type="button" onclick="clickMe()">

Answer 2

在'onclick'中为您的函数名称添加括号

Answer 3

这是另一种选择。这只是我的偏好，但我更喜欢用JavaScript处理事件，而不是将onClick属性添加到节点。这是另一种选择。

＆＃13;

var myButton = document.getElementById('myButton');
myButton.addEventListener("click", clickMe);
function clickMe() {
	var hehe = document.getElementById('head2');
    hehe.innerHTML = "<strong>I changed the heading!</strong>";
}

＆＃13;

<h1>
This is heading one
</h1>
<h2 id="head2">
This is heading two
</h2>
<input value="Click me!" id="myButton" type="button">

＆＃13;

Answer 4

只需使用onclick =＆＃34; clickMe（）＆＃34;而不是使用onclick =＆＃34; clickMe＆＃34;

＆＃13;

function clickMe() {
	var hehe = document.getElementById('head2');
    hehe.innerHTML = "<strong>I changed the heading!</strong>";
}

＆＃13;

<h1>
This is heading one
</h1>
<h2 id="head2">
This is heading two
</h2>
<input value="Click me!" type="button" onclick="clickMe()">

＆＃13;

Answer 5

你忘了＆＃34;（）＆＃34;在调用 Javascript函数之后。这是正确的代码。享受:)！

＆＃13;

function clickMe() {
	var hehe = document.getElementById('head2');
    hehe.innerHTML = "<strong>I changed the heading!</strong>";
}

＆＃13;

<h1>
This is heading one
</h1>
<h2 id="head2">
This is heading two
</h2>
<input value="Click me!" type="button" onclick="clickMe()">

＆＃13;

我的简单JavaScript代码无效

5 个答案: