初学JS,为何提示
<!DOCTYPEhtml><html><body><h1>我的第一段JavaScript</h1><pid="demo1"style="color:#eeeeee">J...
<!DOCTYPE html>
<html>
<body>
<h1>我的第一段 JavaScript</h1>
<p id="demo1" style="color:#eeeeee">
JavaScript 能改变 HTML 元素的样式。
</p>
<script>
function myFunction(demo) {
if (document.getElementById("demo").style.color=="#eeeeee")
{
document.getElementById("demo").style.color="#ff0000"; // 改变样式
}
else {
document.getElementById("demo").style.color="#eeeeee";
}
}
</script>
<button type="button" onclick="myFunction(demo1)">点击这里</button>
</body>
</html>
错误提示:
Uncaught TypeError: Cannot read property 'style' of null
at myFunction (demo1.html:14)
at HTMLButtonElement.onclick (demo1.html:25)
myFunction @ demo1.html:14
onclick @ demo1.html:25 展开
<html>
<body>
<h1>我的第一段 JavaScript</h1>
<p id="demo1" style="color:#eeeeee">
JavaScript 能改变 HTML 元素的样式。
</p>
<script>
function myFunction(demo) {
if (document.getElementById("demo").style.color=="#eeeeee")
{
document.getElementById("demo").style.color="#ff0000"; // 改变样式
}
else {
document.getElementById("demo").style.color="#eeeeee";
}
}
</script>
<button type="button" onclick="myFunction(demo1)">点击这里</button>
</body>
</html>
错误提示:
Uncaught TypeError: Cannot read property 'style' of null
at myFunction (demo1.html:14)
at HTMLButtonElement.onclick (demo1.html:25)
myFunction @ demo1.html:14
onclick @ demo1.html:25 展开
展开全部
两个地方错误:
1:if (document.getElementById("demo").style.color=="#eeeeee") 这个id demo是一个参数,相当于变量,function myFunction(demo) 就是这个方法定义的参数,不是字符串,要去掉引号。document.getElementById(demo)
2:<button type="button" onclick="myFunction(demo1)">点击这里</button> 这里传递的参数是一个id 是实际参数 你这里是直接传递id名称是字符串 要加上引号<button type="button" onclick="myFunction('demo1')">
1:if (document.getElementById("demo").style.color=="#eeeeee") 这个id demo是一个参数,相当于变量,function myFunction(demo) 就是这个方法定义的参数,不是字符串,要去掉引号。document.getElementById(demo)
2:<button type="button" onclick="myFunction(demo1)">点击这里</button> 这里传递的参数是一个id 是实际参数 你这里是直接传递id名称是字符串 要加上引号<button type="button" onclick="myFunction('demo1')">
追问
改了不提示错误,但还是没有出来效果
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询