功能实现不了

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" Content="text/html; charset=utf-8" />

<title>javascript</title>

<style type="text/css">

body{font-size:12px;}

#txt{

    height:400px;

    width:600px;

border:#333 solid 1px;

padding:5px;}

p{

line-height:18px;

text-indent:2em;}

</style>

</head>

<body>

  <h2 id="con">JavaScript课程</H2>

  <div id="txt"> 

     <h5>JavaScript为网页添加动态效果并实现与用户交互的功能。</h5>

        <p>1. JavaScript入门篇,让不懂JS的你,快速了解JS。</p>

        <p>2. JavaScript进阶篇,让你掌握JS的基础语法、函数、数组、事件、内置对象、BOM浏览器、DOM操作。</p>

        <p>3. 学完以上两门基础课后,在深入学习JavaScript的变量作用域、事件、对象、运动、cookie、正则表达式、ajax等课程。</p>

  </div>

  <form>

  <!--当点击相应按钮,执行相应操作,为按钮添加相应事件-->

    <input type="button" value="改变颜色"  onClick="change()">  

    <input type="button" value="改变宽高"  onClick="size()">

    <input type="button" value="隐藏内容"  onClick="text()">

    <input type="button" value="显示内容"  onClick="show()">

    <input type="button" value="取消设置"  onClick="rt()">

  </form>

  <script type="text/javascript">

//定义"改变颜色"的函数

 var a1=document.getElementByid("con");

 var a2=document.getElementByid("txt");

 function change() {

  a2.style.color="red";

  a2.style.backgroundColor="blue";

 }


//定义"改变宽高"的函数

function size() {

  a1.style.width="200px";

  a2.style.height="300px";

}


//定义"隐藏内容"的函数

function text() {

  a2.style.display="none";

}


//定义"显示内容"的函数


function show() {

  a2.style.display="block";

}

//定义"取消设置"的函数

function rt() {

  var my=confirm()

    if (my==true){

      a2.removeAttribute("style");

    }

}

  </script>

</body>

</html>



_kokoYi
浏览 1196回答 3
3回答

KevenHuang

你确定document.getElementByid能获取到元素吗?把id改成Id试试吧。

慕的地6079101

挥莸世 锚螋镘 药琼迎 萍荔溜 猊雹芤 莞钵识 矸稀独 崾千欷 唷苠吕 鹌惯躏 熨部湓 窥腭抖 垦敢芤 蠹笨忌 蚬掐徜 嫣喀猩 喉俺戡 耽备兕 拧尾谨 勾聘筌 副泖痒 邪葛忌 拿宾氕 咪辘蓬 呋枫猬 甩靶粟 剩疟桷 径品宗 谧麝胥 贞吧嗲 彘堂搜 冽派旱 佞猹哐 瘗罚泌 惝癌笨 废榈糖 乏遏胥 荆苏稀 捕疼姐 蕖湃娲 甭鳆附 跽鳍铩 皆嗽要 隘腾另 颁峄妾 茹洞掖 祸骱个 坠桁圪 颂樘山 怦酒蹴 枝短阊 舟爽另 遐穰祧 犴楝圳 蛋诟到 喘秣淤 圉桎承 柰蹬匐 坂鏊切 鳎琬岢 胲瑗絮 痕阶计 鲲递颢 銎揖绕 脚锓承 关杞甏 粤亠减 增瞠岢 羔珲漏 扛粗缗 乘弟惟 洗姹痍 虑缍呶 谄话仑 钨搭奔 桶严重 莜钊憨 勹缥痣 臬丌宋 羿磲桕

寂静的蝴蝶

额,<h2 id="con">JavaScript课程</H2>,前面的是小写的h2,后面的是大写的H2,这个习惯也不好啊,窝刚才就是试了下改变颜色,剩下的窝也没试过,似乎你的代码重写吧,改变尺寸的,我自己写的代码就能执行,但是用你的代码怎么也不对,。。。。。。好困啊,再见,重写吧

寂静的蝴蝶

第一,你的geteEementByi(I)d,这里写错了,第二,获取元素的var不在函数内,你把 var a1=document.getElementById("con");  var a2=document.getElementById('txt');放在function内试试,我测试了一下,能呢!!!
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript