初学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
展开
 我来答
1311561
2017-12-06 · TA获得超过180个赞
知道小有建树答主
回答量:263
采纳率:90%
帮助的人:40.7万
展开全部
两个地方错误:
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')">
追问
改了不提示错误,但还是没有出来效果
zhuluquan
2017-12-05 · 简简单单的一个小小的店铺
zhuluquan
采纳数:515 获赞数:2083

向TA提问 私信TA
展开全部
在function里demo是参数,不能加引号
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式