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

代码借鉴啦

<form>

</form>

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

function changeColor(){

document.getElementById("txt").style.color = "red";

}

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

function changeWidthHeight(){

document.getElementById("txt").style.width="100px";

document.getElementById("txt").style.height="100px";

}

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

function hideContent(){

document.getElementById("txt").style.display="none";

}

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

function showContent(){

document.getElementById("txt").style.display ="block";

}

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

function cancel(){

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

if(isCancel){

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

txt.removeAttribute("style");

}

Viola_wl

2018-06-04

源自：JavaScript入门篇 4-1

关注问题我要回答

951

操作

收起

2 回答

慕神5587375
2018-06-08

各路大神帮我看看哪里错了，运行不出来，头疼


<form>
    <!--当点击相应按钮，执行相应操作，为按钮添加相应事件-->
    <input type="button" onclick="Color()"   value="改变颜色" >
    <input type="button" onclick="Size()"    value="改变宽高" >
    <input type="button" onclick="hide()"    value="隐藏内容" >
    <input type="button" onclick="display()" value="显示内容" >
    <input type="button" onclick="Conf()"    value="取消设置" >
</form>
<script type="text/javascript">

    //定义"改变颜色"的函数
    function Color(){
        var pro = document.getElementByID("txt");
        pro.fontcolor = "#ff36a1";
        pro.style.backgroundcolor = "#CCC";
    }

    //定义"改变宽高"的函数
    function Size(){
        var pro = document.getElementByID("txt");
        pro.style.width = "500px";
        pro.style.height = "300px";
    }

    //定义"隐藏内容"的函数
    function hide(){
        var pro = document.getElementByID("txt");
        pro.style.dispaly = "none";
    }

    //定义"显示内容"的函数
    function display(){
        var pro = document.getElementByID("txt");
        pro.style.display = "block";
    }

    //定义"取消设置"的函数
    function Conf(){
        var pro = document.getElementByID("txt");
        var val= confirm("是否取消设置？");
        if(val)pro.className = "txt";
    }

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

收起回答

左曦铭

错误1：<script>没有结束标签；错误2：是getElementById而不是getElementByID，注意大小写；错误3：改变文本颜色是pro.style.color而不是pro.fontcolor；错误4：背景颜色是backgroundColor而不是backgroundcolor，请再一次严格确认大小写；

2018-06-14 回复有任何疑惑可以回复我~

慕桂英2585733
2018-06-05

<body>

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

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

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

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

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

</div>

<form>

</form>

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

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

function modifyColor(){

txt.style.color="yellow";

txt.style.backgroundColor="green";

}

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

function modifyWh(){

txt.style.width="300px";

txt.style.height="300px";

}

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

function modifyHide(){

txt.style.display="none";

}

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

function modifyView(){

txt.style.display="block";

}

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

function reSet(){

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

if(reset==true)

{

txt.removeAttribute("style");

}

</script>

</body>

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

收起回答

0/150

提交

取消

JavaScript入门篇

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

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

进入课程

本课相似问答

1 回答完整代码，给大家借鉴思考

1 回答请问最后一节的代码（粗体）哪里错啦？

4 回答这个代码有何问题，我实在找不出啦。

2 回答新建窗口啦啦

1 回答练习代码代码

搜索更多本课相关问答

代码借鉴啦

我要回答关注问题

热搜

最近搜索清空

代码借鉴啦

2 回答

本课相似问答

代码借鉴啦