Js调用问题getElementById。

源码如下：<html><head><title>紫阳花</title><script>functionbuttonclick(){alert("Youclickedthe... 源码如下：
<html>
<head>
<title>紫阳花</title>
<script>
function buttonclick(){
alert("You clicked the button");
}
document.getElementById("mybtn").onclick=buttonclick;
</script>
</head>
<body>
<input type = "button" value ="button" id="mybtn"/>
</body>
</html>
错误信息如下：

HTML1527: 预期应有 DOCTYPE。最短的有效 doctype 是 "<!DOCTYPE html>"。
test.html, 行 1 字元 1
SCRIPT5007: 无法设定未定义或 Null 参考的属性 'onclick'
test.html, 行 8 字元 4

不明白，不是button的id就是mybtn么，怎么会是未定义或null啊。展开

 我来答

2个回答

#热议# 不吃早饭真的会得胆结石吗？

QQMSD8
2014-08-11 · 知道合伙人软件行家

QQMSD8
知道合伙人软件行家

采纳数：6788 获赞数：13239

没有做不到,只有想不到,帮助别人的同时也是对自己的提升

向TA提问私信TA

关注

展开全部

不明白你为什么要这样做,你直接在你的<input type = "button" value ="button" id="mybtn"/>

里增加一个onclick="buttonclick()"就可以了
为什么还要用document.getElementById("mybtn")??

<input type = "button" value ="button" id="mybtn" onclick="buttonclick()"/>

追问

= =我知道这样可以，但这样会使页面逻辑混乱，最好要使html和js代码分离。

追答

那你用jquery给控件注册事件吧,能够完美解决,js与html的分享

已赞过 已踩过<

评论收起

百度网友091845d
2014-08-11 · TA获得超过745个赞

知道小有建树答主

回答量：466

采纳率：50%

帮助的人：333万

我也去答题访问个人页

关注

展开全部

把 document.getElementById("mybtn").onclick=buttonclick;
改成 document.getElementById("mybtn").onclick=buttonclick();试试

追问

一样的错误额。

追答

我想起来了，，你的错误是因为你的 script写在了最上边， html从上往下加载， 先看到了 get那个，这个时候 html的input还没渲染呢，所以就提示未找到， 你可以 把 scrip写在 input下边：

紫阳花

function buttonclick(){
alert("You clicked the button");
}
document.getElementById("mybtn").onclick=buttonclick;

或者这样：

紫阳花

window.onload = function(){
            function buttonclick(){
                alert("You clicked the button");
            }
            document.getElementById("mybtn").onclick=buttonclick;
}

加一个onload，就是等html加载完的方法

本回答被提问者采纳

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

Js调用问题getElementById。

其他类似问题

为你推荐：