JavaScript on点击更新Div

JavaScript onClick update Div

本文关键字：更新 Div on JavaScript      更新时间：2023-09-26

JSFIDDLE

每次单击按钮时，我都会尝试用新文本更新一些div。我试过很多事情，似乎函数都没有被调用。当我把我想让它做的事情直接放在onClick事件中时，它就起作用了。当我调用一个方法时，它就是不起作用。

当我这样做的时候，它是有效的。

<button onClick="document.getElementById('title').innerHTML = 'Some Title'">Click me</button>

但当我尝试这样做的时候。

<button onClick="update(0);">Click me</button>

它不起作用。

感谢您提前提供的帮助。

这是因为JavaScript在HTML加载完成之前就已经运行了。

更改Fiddle以在正文中运行JavaScript。

在Fiddle左侧的下拉列表中，显示onLoad-将其更改为No wrap - in <body>。

你的代码将按原样工作。

请参见此处：https://jsfiddle.net/vhw8xewy/8/

尝试

onClick="(function(){document.getElementById('title').innerHTML = 'Some Title'})()"

或者在JS中只定义"update"函数，而不是将其声明为函数。看看这把小提琴的工作原理：https://jsfiddle.net/vhw8xewy/6/

update = function() {
   ...
}

而不是

function update() {
   ...
}
相关文章：