为什么点击按钮没法改变div属性?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Return</title>
<script>
 getId('btn1').onclick=function(){
      getId('div1').innerHTML='134';
 getId('div1').style.height='200px';

 };
 function getId(id){
        return document.getElementById(id);
 }
</script>
    <style>
        #div1{
            height:100px;
 width: 100px;
 border:1px solid red;
 }
    </style>
</head>
<body>
<div id="div1"></div>
<input id="btn1" type="button" value="按键">
</body>
</html>


GlaDoss
浏览 1735回答 3
3回答

卡迪亚兹

你的script写在head里面,那么下面用的时候,一定要加:window.onload=function(){     你的函数内容/你要调用的函数        //如果是用了你要调用的函数的话,请在之后定义你要调用的函数内容 }举个例子window.onload=function(){     abc(); } function abc(){     alert("abc"); }

乱舞的旋律

<script>  里的代码在 body标签加载前就执行了 而那时候还没有div 和button  要么用onload  要么把script放在body末尾
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript