代码出错，我看不出来……

个回答

慕勒0975681

2018-04-17 13:56:18

已采纳

display属性拼写错了

0
Vans

2018-09-16 10:32:21

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>显示和隐藏（display属性）</title>
<script type="text/javascript">
//语法：Object.style.display = value
//注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。
function hidetext()
{
document.getElementById("con").style.display="none";
}

function showtext()
{
document.getElementById("con").style.display="block";
}
</script>
</head>
<body>
<h1>JavaScript</h1>
<p id="con">JavaScript is good tool</p>
<form>
<input type="button" onclick="hidetext()" value="Hide text">
<input type="button" onclick="showtext()" value="Show text">
</form>
</body>
</html>

1
TNT0

2018-04-24 10:21:58

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>display</title>
<script type="text/javascript">
function hidetext()
{
var mychar = document.getElementById("con");
mychar.style.display="none";
}
function showtext()
{
var mychar = document.getElementById("con");
mychar.style.display="block";
}
</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>

1
TNT0

2018-04-19 10:45:24

function hidetext()
{
var mychar = document.getElementById("con");
mychar.style.disliay="none";
}
这里面的 mychar.style.disliay="none"; disliay应该改为display

1
青依心暖

2018-04-17 11:28:21

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>display</title>
<script type="text/javascript">
function hidetext()
{
var mychar = document.getElementById("con");
mychar.style.disliay="none";
}
function showtext()
{
var mychar = document.getElementById("con");
mychar.style.display="block";
}
</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>

0
qq_与_7

2018-04-17 11:25:42

</head>
<body>
    <p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p>
    <input type="button" value="添加样式" onclick="add()"/>
   <p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>
    <input type="button" value="更改外观" onclick="modify()"/>

   <script type="text/javascript">
       function add(){
          var p1 = document.getElementById("p1");
          p1.className="one";
       }
       function modify(){
          var p2 = document.getElementById("p2");
          p2.className="two"
       }
这个是我成功的代码，提供给你参考

1
慕勒0975681

2018-04-17 11:18:31

你得把代码粘出来给大家看哈，或者你自己debug还有console看下报错

0