为什么我写出来的代码点击换第二个内容时，会把按钮这些都隐藏掉呀？求大神帮解。。-慕课网

为什么我写出来的代码点击换第二个内容时，会把按钮这些都隐藏掉呀？求大神帮解。。

来源：3-3 innerHTML 属性

小东别院

2014-11-27 23:03

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>display</title>
    <script type="text/javascript"> 
        function hidetext()  
{  
var mychar = document.getElementById("con");
        mychar.innerHTML="这个是隐藏并显示的新内容";
}  
function showtext()  
{  
var mychar = document.getElementById("con");
mychar.style.display="block";
        mychar.style.color="#eeff00";
document.write("原文"+mychar.innerHTML+"</br>");
        mychar.innerHTML="文字改了";
        document.write("这个是显示的新内容"+mychar.innerHTML);
};
    </script> 
</head> 
<body>  
    <h1>JavaScript</h1>  
    <p id="con">做为一个Web开发师来说，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。</p> 
    <form>
       <input type="button" onclick="hidetext()" value="换第一个内容" /> 
       <input type="button" onclick="showtext()" value="第二个内容" /> 
    </form>
</body> 
</html>

写回答关注

2回答

百品

2014-12-19 14:30:26

下面这个是在w3c中对document.write()的说明：
请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖

0 1
wangsir1059890

2014-11-27 23:17:37

我想应该是document.write的问题，使用document.write想网页添加内容，会重新加载网页，将之前的内容全部覆盖掉。

0 1

JavaScript入门篇

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

739818 学习 · 9566 问题

查看课程

相似问题

请问为什么点击第二个按钮后页面的内容会被change（）中document.write的内容替换

回答 1

求问为啥我的隐藏按钮点击没反应？

回答 2

为什么点击这些按钮都没反应呢，麻烦大神看一下我的代码

回答 1

为什么按隐藏按钮内容还是显示？

回答 4

求大神帮助！为什么点击按钮没反应？

回答 2

打开慕课网App查看更多内容