                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

试了好多次都按不动是为什么？

<!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="changecolor()"/>
    <input type="button" value="改变宽高" onclick="changewidth()"/>
    <input type="button" value="隐藏内容" onclick="yincang()"/>
    <input type="button" value="显示内容" onclick="xianshi()"/>
    <input type="button" value="取消设置" onclick="unset()"/>
</form>
<script type="text/javascript">
var text=document.getElementById("txt");
//定义"改变颜色"的函数
function changecolor()
{
ccolor.style.color="red";
ccolor.style.backgroudColor="yellow";}
//定义"改变宽高"的函数
function changewidth()
{
cwh.style.width="500px";
cwh.style.height="600px";
}
//定义"隐藏内容"的函数
function yincang()
{
yc.style.display="none";
}

//定义"显示内容"的函数
function xianshi()
{
xs.style.display="block";
}
//定义"取消设置"的函数
funtion unset()
{var cf=confirm("是否取消设置")；
if(cf==true)
{cf.removeAttribute("style");}
}
</script>
</body>
</html>

qq_慕勒1196999

2019-07-09

源自：JavaScript入门篇 4-1

关注问题我要回答

552

操作

收起

2 回答

慕容4422252
2019-07-10

text是固定语言，你换个。

function obj1 () {

var obj=document.getElementById("txt");

obj.style.color="red";

}

function obj2 () {

var obj=document.getElementById("txt");

obj.style.width="300px";

}

function obj3 () {

var obj=document.getElementById("txt");

obj.style.display="none";

}

function obj4 () {

var obj=document.getElementById("txt");

obj.style.display="block";

}

function obj5 () {

var obj=document.getElementById("txt");

var cz=confirm("是否取消设置")

if(cz==true) {

cz.removeAttribute("style");

}

}

</script>

</html>

0 回复有任何疑惑可以回复我~

#1

qq_慕勒1196999 提问者

谢谢你。我已经知道自己是最后一个函数写错了，function写成了funtion而且用了中文的分号

2019-07-10 回复有任何疑惑可以回复我~

nave
2019-07-10

你定义的全局变量var text=document.getElementById("txt"); 是text 那么你的方法里面应该是用text.style.color来改变颜色你可以参考我的只有取消设置没有实现

<form>

<input type="button" value="改变颜色" onclick="changeColor()">

<input type="button" value="改变宽高" onclick="changeWH()">

<input type="button" value="隐藏内容" onclick="changeDy()">

<input type="button" value="显示内容" onclick="changeDx()">

<input type="button" value="取消设置" onclick="changeClear()">

</form>

<script type="text/javascript">

var obj = document.getElementById("txt");

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

function changeColor(){

obj.style.color = "red";

// document.getElementById("txt").style.backgroundColor = "red";

}

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

function changeWH(){

obj.style.width = "100px";

obj.style.height = "50px";

}

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

function changeDy(){

obj.style.display = "none";

}

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

function changeDx(){

obj.style.display = "block";

}

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

function changeClear(){

var isChange = confirm("是否取消设置");

if(isChange == true){

obj.className = "#txt";

}

}

</script>

0 回复有任何疑惑可以回复我~

#1

qq_慕勒1196999 提问者

我是之前修改代码的时候忘记把下面的对象也修改成text了，但是我改回去之后还是运行不了，而且我对比了一下我们的代码感觉没有什么不一样的地方，这是为什么？

2019-07-10 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript入门篇

参与学习 740151 人
解答问题 9566 个

JavaScript做为一名Web工程师的必备技术，本教程让您快速入门

本课相似问答

3 回答试了好多次就是不好使，请教大神到底哪里出错了？

2 回答为什么点击按钮一次之后，按钮就不见了

2 回答为什么点击按钮什么都不变？

1 回答按’点击我‘打开不了，为什么？是不是什么错了？

1 回答为啥一个按钮都不好使呢

搜索更多本课相关问答

试了好多次都按不动是为什么？

我要回答关注问题

意见反馈帮助中心 APP下载