我正在尝试使用 getElementById 创建一个警报函数,但它不起作用。这是我尝试创建的一个非常简单的按钮,但显然对于像我这样的菜鸟来说并不简单。提前感谢您的所有帮助。这是我目前拥有的:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>alert</title>
</head>
<body>
<button onclick= "click()" style="color:green;" >click</button>
<script>
function click() {
document.getElementById("alerting").innerHTML = "I am an alert";
}
</script>
</body>
</html>
您需要添加一个元素,其中包含文本显示id="alerting"
。否则document.getElementById("alerting")
将返回null
并且调用innerHTML
将引发错误。
<body>
<button onclick= "myFunction()" style="font-size:25px;" >click</button>
<p id="alerting">element with alerting id. value will change here</p>
<script>
function myFunction() {
document.getElementById("alerting").innerHTML = "Hello World";
}
</script>
</body>
你没有任何带有id="alerting" 的 html 元素,你可以在其中设置 innerHTML。
如果您想要一个弹出警报而不是做内部HTML的事情......只需做:
警报("我是警报"(;
另外值得注意的是...有些浏览器不喜欢名为"click"的函数。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>alert</title>
</head>
<body>
<button onclick="someFunction()" style="color:green;" >Click Me</button>
<script>
function someFunction()
{
alert("I am an alert");
}
</script>
</body>
</html>