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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Java常见Exception物种

    Java常见Exception物种

    2022年1月11日
    48
  • wsus可以打mysql中间件补丁_配置WSUS3.0服务器给客户机分发补丁

    wsus可以打mysql中间件补丁_配置WSUS3.0服务器给客户机分发补丁配置 WSUS3 0 服务器给客户机分发补丁上篇博文中介绍了 WSUS3 0 服务器的部署 本文中介绍配置 WSUS 服务器后给客户机分发补丁 还是使用上篇博文中的拓扑结构 BEIJING 做 DC 和 DNS 服务器 GUANGZHOU 做 WSUS 服务器 NANJING 做客户机 IP 地址如图中一样 1 WSUS 服务器分组 2 给组分配计算机 3 审批更新补丁 4 客户机测试下面开始今天的实验 一 在 WSUS 服务器上分组打开 GU

    2025年9月20日
    3
  • BZOJ 1212 HNOI2004 L语言 AC自己主动机(Trie树)+动态规划

    BZOJ 1212 HNOI2004 L语言 AC自己主动机(Trie树)+动态规划

    2022年1月8日
    41
  • 图解ConcurrentHashMap

    图解ConcurrentHashMap曾经研究过jkd1.5新特性,其中ConcurrentHashMap就是其中之一,其特点:效率比Hashtable高,并发性比hashmap好。结合了两者的特点。   集合是编程中最常用的数据结构。而谈到并发,几乎总是离不开集合这类高级数据结构的支持。比如两个线程需要同时访问一个中间临界区(Queue),比如常会用缓存作为外部文件的副本(HashMap)。这篇文章主要分析jdk1.5的3种并发集…

    2022年6月24日
    30
  • matlab si单位,ansys中的单位问题

    matlab si单位,ansys中的单位问题关于ansys中的单位问题ansys中没有单位的概念,只要统一就行了。所以,很多人在使用时,不知道该统一用什么单位,用错单位造成分析结果严重失真!今综合相关资料,整理如下:一、在ansys经典中,的确没有单位区别,关键要看你的模型以什么样的单位去建,当然,对应的材料属性(杨氏模量,密度等)也要以你所建模型的单位去对应,着重需要注意的是在把模型由cad软件导入ansys中时,注意单位的对应就可以,当…

    2022年5月14日
    42
  • 暂时和永久改动oracle sysdate的默认输出格式

    暂时和永久改动oracle sysdate的默认输出格式

    2021年12月5日
    73

发表回复

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

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