!--当点击相应按钮,执行相应操作,为按钮添加相应事件-->
<input type="button" value="改变颜色" onclick="color()">
<input type="button" value="改变宽高" onclick="top()">
<input type="button" value="隐藏内容" onclick="display()">
<input type="button" value="显示内容" >
<input type="button" value="取消设置" >
</form>
<script type="text/javascript">
var mychar=document.getElementById("con");
var txtchar=document.getElementById("txt");
//定义"改变颜色"的函数
function color()
{
mychar.style.color="red";
txtchar.style.backgroundColor="#D1BDA1";
}
function top() {
txtchar.style.width="200px";
txtchar.style.heigth="200px";
}
function display()
{
txtchar.style.display="none";
}
应该是 onClick="" 那里的c没大写
function 我换了个函数名就可以了 不知道是不是用了关键字命名函数
不对哟。我用你这个代码跑的动呢。你可能哪里出问题吧,那些标签有对应吗?这些代码内容基本没啥问题。另onclick刚查了和测试一下也没区分大小写。。
<form>
<input type="text" id="con" value="Test"></input>
<input type="text" id="txt" value="Test"></input>
<input type="button" value="改变颜色" onclick="color()">
<input type="button" value="改变宽高" onclick="top()">
<input type="button" value="隐藏内容" onclick="display()">
<input type="button" value="显示内容" >
<input type="button" value="取消设置" >
</form>
<script type="text/javascript">
var mychar=document.getElementById("con");
var txtchar=document.getElementById("txt");
//定义"改变颜色"的函数
function color()
{
mychar.style.color="red";
txtchar.style.backgroundColor="#D1BDA1";
}
function top() {
txtchar.style.width="200px";
txtchar.style.heigth="200px";
}
function display()
{
txtchar.style.display="none";
}
</script>
以上是我测试代码,可用。
你的代码少了个<from>开头,以及你的代码少了个</script>结束
onClick C大写