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

为什么不能实现

<!DOCTYPE HTML>

<html>

<head>

<title>className属性</title>

<style>

body{ font-size:16px;}

.one{

border:1px solid #eee;

width:230px;

height:50px;

background:#ccc;

color:red;

}

.two{

border:1px solid #ccc;

width:230px;

height:50px;

background:#9CF;

color:blue;

}

</style>

</head>

<body>

<p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p>

<p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>

function add(){

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

}

function modify(){

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

}

</script>

</body>

</html>

慕仔9503151

2019-03-30

源自：JavaScript入门篇 3-6

关注问题我要回答

1096

操作

收起

4 回答

gogod
2019-04-24

代码你都没有打上去，实现什么。。。点击当然什么东西都不发生

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

收起回答

繫念笑眸
2019-04-09

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>className属性</title>
<style>
    body{ font-size:16px;}
    .one{
       border:1px solid #eee;
       width:230px;
       height:50px;
       background:#ccc;
       color:red;
    }
   .two{
       border:1px solid #ccc;
       width:230px;
       height:50px;
       background:#9CF;
       color:blue;
   }
   </style>
</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");
          document.write("p元素的值为:"+p1.className);
       }
       function modify(){
          var p2 = document.getElementById("p2");
          document.write("p2元素值为:"+p2.className);
       }
   </script>

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

收起回答

丿明明啊
2019-04-04

你代码都不完整，怎么去实现啊，33行跟37行你都补上去

<!DOCTYPE HTML>

<html>

<head>

<title>className属性</title>

<style>

body{ font-size:16px;}

.one{

border:1px solid #eee;

width:230px;

height:50px;

background:#ccc;

color:red;

}

.two{

border:1px solid #ccc;

width:230px;

height:50px;

background:#9CF;

color:blue;

}

</style>

</head>

<body>

<p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p>

<p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>

function add(){

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

p1.className="one";

}

function acc(){

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

p1.className="tow";

}

function modify(){

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

p2.className="tow";

}

function modiyf(){

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

p2.className="one";

}

</script>

</body>

</html>

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

收起回答

qq_慕函数3177880
2019-03-30

<!DOCTYPE HTML>

<html>

<head>

<title>className属性</title>

<style>

body{ font-size:16px;}

.one{

border:1px solid #eee;

width:230px;

height:50px;

background:#ccc;

color:red;

}

.two{

border:1px solid #ccc;

width:230px;

height:50px;

background:#9CF;

color:blue;

}

</style>

</head>

<body>

<p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p>

<p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>

function add(){

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

p1.className = "one" ;

}

function modify(){

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

p2.className = "two" ;

}

</script>

</body>

</html>

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

收起回答

0/150

提交

取消

JavaScript入门篇

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

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

进入课程

本课相似问答

4 回答为什么不能实现啊

3 回答为什么这样写只能实现打开不能实现关闭

1 回答第3，4功能为什么实现不了

2 回答为什么在我的Vscode里不能实现？在这个网页上能实现？

1 回答不知道为什么一个功能都实现不了

搜索更多本课相关问答

为什么不能实现

我要回答关注问题

热搜

最近搜索清空

为什么不能实现

4 回答

本课相似问答

为什么不能实现