在函数内部使用document.getElementById("lbl1").innerHTML = display();
并添加 return 语句:
function display()
{
var str="Hello World";
return str;
}
您以类似的方式编辑内容:document.getElementById("lbl1").innerHTML = "New content...";
.
display()
您还可以稍微修改您的函数以获得所需的结果:
function display()
{
var str="Hello World";
var label = document.getElementById("lbl1");
label.innerHTML = str;
}
另一种方式:
window.onload = function()
{
var button = document.getElementById("btn1");
button.onclick = function()
{
document.getElementById("lbl1").innerHTML = "Hello World";
}
}
最后一种方式是最需要的,最好将 JavaScript 代码放在另一个文件中并通过元素的src
属性附加它。script
让我们提供一个完整的例子:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<label id="lbl1">Label </label>
<button id="btn1">Click </button>
</body>
</html>
然后在 JavaScript 文件中,您只需注册各种事件:
//JavaScript
window.onload = function() //You have to ensure that everything has loaded
{
var button = document.getElementById("btn1");
button.onclick = function()
{
document.getElementById("lbl1").innerHTML = "Hello World";
}
}
由于性能和维护简单性的提高,它通常被认为是在单独的 JavaScript 文件中注册事件的最佳方式。你可以在这里阅读更多关于它的信息。