为了账号安全,请及时绑定邮箱和手机立即绑定

这个好懵,什么意思???

<!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");

      function addclass(){

      p1.className="one"

      }

   }

   function modify(){

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

   function modifyclass(){

       p2.className="two"

   }   

   }

</script>

</body>

</html>


正在回答

5 回答

这个相当于给id元素添加或者更改新的class名称

比如

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

    <input type="button" value="添加样式" onclick="add()"/>

首先先通过id寻找到元素节点,然后对更改或添加元素节点的class属性,当点击按钮时,调用函数,元素节点的class属性被替换或添加  =》 <p id="p1"  class="one"> JavaScript使网页显示动态效果并实现与用户交互功能。</p>

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

懂意思,但是运行的时候,还是没反应啊

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

慕婉清7712429

1. charset字体改成utf-8; 2. 把代码33,35行和39,41行的函数去掉和上面的有冲突了
2018-06-13 回复 有任何疑惑可以回复我~

懵逼就对了。。

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

通过JavaScript的添加className的方法,给p1和p2加上class属性,从而把样式加给它们。

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

就是点击时给他们添加样式呢,写成内联了

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

举报

0/150
提交
取消

这个好懵,什么意思???

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信