setAttribute改变属性,动态改变类

setAttribute改变属性,动态改变类

大家好,又见面了,我是全栈君。

<style type="text/css">
       .box{color:red;}
  </style>

<div>通过setAttribute添加div的属性比如title,或者改变属性,比如添加类,并通过第二个参数添加类名</div>
<button οnclick="btn()">点击改变div</button>

<script type="text/javascript" >
      // document.getElementsByTagName('button')[0].οnclick=function(){
    
    
      //        alert()   通过获取元素来响应点击事件
      //    }
       btn=function(){  //通过行内式响应点击事件
            document.getElementsByTagName('div')[0].setAttribute("class", "box"); //动态添加类     
            document.getElementsByTagName('div')[0].setAttribute("title", "这是刚添加的dom"); //动态添加title     
       }
    </script>

 

转载于:https://www.cnblogs.com/Model-Zachary/p/6122940.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/108751.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • mysql longtext问题

    mysql longtext问题各位大神们,我把数据库中content的类型设置成了text了,然后我像里面插入数据,为什么我用select查询去没有结果只显示blob具体的如图所示1234

    2022年5月15日
    49
  • 贪吃蛇简单代码_贪吃蛇游戏代码

    贪吃蛇简单代码_贪吃蛇游戏代码$(function(){varbox=$("&lt;divclass=’box’&gt;&lt;/div&gt;");varArr=[23,22,21];vardirection="right";varnumber=0;varbool=false;//画地图…

    2022年9月5日
    4
  • spring学习总结

    spring学习总结spring学习总结

    2022年4月25日
    88
  • cavas的使用汇总[通俗易懂]

    cavas的使用汇总[通俗易懂]canvas图像处理汇总一、canvas的情况canvas自从出来了之后,在前端的图像处理上面提供了各种各样的遍历,虽然很多的操作其实都是要应用到算法的,但是这个也给前端提供了很多的可能性,其中最

    2022年8月6日
    12
  • 《深入浅出 Java Concurrency》—锁紧机构(一)Lock与ReentrantLock

    《深入浅出 Java Concurrency》—锁紧机构(一)Lock与ReentrantLock

    2021年12月17日
    39
  • Java学习路线图(完整详细2021版)

    Java学习路线图(完整详细2021版)作为一个男人我感觉必须得做点什么来证明一下自己,现在我又回来了,准备把自己的节操准备补一下 另外给各位未来的Java程序员说一句,别的我不清楚,学习编程请从一而终 咱们学习编程就挺难的,有这些先驱者来带领咱们学习,咱们应该感激,而且最重要的事跟着你选定的一家一直学下去 因为每家学校的学习大纲都是不一样的,但是程序员其实都是一样的,这句话你细品!仔细的品! 我不希望你忙忙碌碌的整理那么多东西,挑肥拣瘦的,最后自己学的东西还是缺失的,要不就…

    2022年5月17日
    85

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号