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


相关推荐

  • J2EE的13个规范之(二) JDBC 及其使用「建议收藏」

    J2EE的13个规范之(二) JDBC 及其使用

    2022年1月26日
  • Mybatis分页插件-PageHelper的使用

    Mybatis分页插件-PageHelper的使用Mybatis分页插件-PageHelper的使用怎样配置mybatis这里就不提了,我来说说我配置这个分页插件的过程吧。下载JAR包分页插件pagehelper.jar:https://oss.sonatype.org/content/repositories/releases/com/github/pagehelper/pagehelper/http://repo1.maven.org/ma

    2022年5月22日
  • RelativeLayout.LayoutParams学习与运用

    RelativeLayout.LayoutParams学习与运用1、了解LayoutParams其实LayoutParams就是代表一个布局属性,每一个ViewGroup对应一种LayoutParams。LinearLayout对应LinearLayout.LayoutParams,RelativeLayout对应RelativeLayout.LayoutParams。我们在XML中写的大多数属性,在代码中通过LayoutParams同样可以操作界面布局。下面以

    2022年7月17日
  • css字体发光样式_php语言入门

    css字体发光样式_php语言入门本文给大家介绍CSS3如何实现字体发光效果(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。text-shadow该属性为文本添加阴影效果text-shadow:h-shadowv-shadowblurcolor;h-shadow:水平阴影的位置(阴影水平偏移量),可为负值,必需v-shadow:垂直阴影的位置(阴影垂直偏移量),可为负值,必需blur:阴…

    2022年10月17日
  • c语言头文件instr,C/C++常用函数合集「建议收藏」

    目录C标准库头文件1.memset()2.memcpy()3.strcpy()4.strncpy()5.strcat()6.getline()7.strlen()头文件1.tolower()/toupper()2.isalpha(),isdigit(),isprint()头文件1.pow()2.floor()3.ceil()4.atan()STL头文件1.min(),max()函数2.lower_…

    2022年4月8日
  • 读自己动手写操作系统有感_进入手写模式

    读自己动手写操作系统有感_进入手写模式分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow也欢迎大家转载本篇文章。分享知识,造福人民,实现我们中华民族伟大复兴!&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  用一个月左右的时间

    2022年9月25日

发表回复

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

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