setAttribute() 方法添加指定的属性,并为其赋指定的值。

如果这个指定的属性已存在,则仅设置/更改值。

语法:

element.setAttribute(attributename,attributevalue)

getAttribute()方法返回指定属性名的属性值

element.getAttribute(attributename);

作业:

<body><div id="myDiv"  οnmοuseοver="move()"></div><script>var myDiv=document.getElementById("myDiv");function move() {var width=document.body.clientWidth;//网页可见区域宽
                var height=document.body.clientHeight;//网页可见区域高
                width*=Math.random();height*=Math.random();// myDiv.setAttribute("style",'left:'+width+'px;top:'+height+'px');
                myDiv.style.left=width+'px';myDiv.style.top=height+'px';}</script></body>

看起来简单,实际上试了很多标签和方法,大概新手和老司机的区别就在于效率

setAttribute()方法的使用相关推荐

  1. 有关getAttribute()方法和setAttribute()方法的说明

    js getAttribute()方法 ●一份文档就是一棵节点树. ●节点分为不同的类型:元素节点.属性节点和文本节点等. ●getElementById()方法将返回一个对象,该对象对应着文档里的一 ...

  2. JS setAttribute()方法:设置元素的属性值

    在 JavaScript 中,使用元素的 setAttribute() 方法可以设置元素的属性值.用法如下: setAttribute(name, value) 参数 name 和 value 分别表 ...

  3. setAttribute()方法

    setAttribute()方法 增加一个指定名称和治的新属性,或者把一个现有属性设定为指定的值 elementNode.setAttribute(name,value) 说明: 1.name:要设置 ...

  4. setAttribute 方法

    setAttribute()方法 增加一个指定名称和治的新属性,或者把一个现有属性设定为指定的值 elementNode.setAttribute(name,value) 说明: 1.name:要设置 ...

  5. java中setattribute_Java Files.setAttribute方法代码示例

    import java.nio.file.Files; //导入方法依赖的package包/类 @Override public void setFileHiddenAttribute( String ...

  6. setAttribute方法

    setAttribute这个方法,在 JSP内置对象 session和request都有这个方法,这个方法作用就是保存数据,然后还可以用getAttribute方法来取出.比如现在又个User对象,U ...

  7. JS中setAttribute方法

    今天偶然遇到一个小问题,当我用 变量.setAttribute("",""):这个方法时,碰到了这个方法无法实现的问题,经过查找原来问题出现在第二个引号中. 结 ...

  8. html 自定义属性_重学前端基础:属性操作,重点getAttribute / setAttribute方法

    属性操作 HTML 属性与 DOM 属性的对应 每个 HTML 属性都会对应相应的 DOM 对象属性. 属性操作方式 读取属性 User Name: input.className; // 'text ...

  9. java作用域外调用对象,Java Web应用中往往通过设置不同作用域的属性来达到通讯的目的。 如果某个对象只在同一请求中共享,通过调用哪个类 的setAttribute方法设置属性。( )...

    [多选题]客源市场定位的依据包括(). [单选题]除了诗歌创作,作者的散文成就同样引人注目,其代表性的散文集是( )? [单选题]缩窄性心包炎指各种原因引起心包脏壁层炎症.纤维素性渗出物沉积,并逐渐机 ...

最新文章

  1. 详解计算机视觉五大技术:图像分类、对象检测、目标跟踪、语义分割和实例分割
  2. azure机器学习_Microsoft Azure机器学习x Udacity —第4课笔记
  3. python 颜色_如何使用python中matplotlib库分析图像颜色
  4. Ubuntu学习之路2
  5. Thread多线程用法示例
  6. 【数据科学】什么是数据分析
  7. VIM复制粘贴大全!
  8. aboutface4 1-3 读书笔记 幕布 思维导图
  9. docx4j操作word文档之替换模板数据
  10. C语言 十进制转换为二进制
  11. 小知识 | Java中的“魔数”
  12. 一级计算机浏览器题加收藏夹,2016年计算机一级考试上机操作重难点突破
  13. CIO40: IT男之日常工作(点线面体)
  14. 【项目总结】基于SpringBoot+Ansj分词+正倒排索引的Java文档搜索引擎项目总结
  15. python Dataframe 根据某一列的值来删除多行
  16. 手麻系统源码,手术手术麻醉系统源码,三甲医院手麻系统源码
  17. nobody nogroup linux vi nfs,nfs挂载后权限映射错误(nobody)的解决办法
  18. 吴恩达深度神经网络笔记—人脸识别
  19. 使用URL 启动unity Andriod APP并传递参数
  20. [转]明朝出了个张居正 作者:秋风浩荡 -6

热门文章

  1. 运放使用“虚短”和”虚断“的理解
  2. SQL注入——SQL注入具体防御方案
  3. jquery如何根据id获取标签内的值,以及如何通过id赋值,各种标签赋值取值汇总
  4. httpclient Accept-Encoding 乱码
  5. 飞鸟如何去爱,才能爱上水里的鱼?
  6. AR502H-CN开发笔记18:快速建立开发环境
  7. Java学习路线(完整详细版)超详细
  8. 【STM32】NVIC中断优先级管理(中断向量表)
  9. 动力节点-crm-项目笔记(待完善)
  10. 蒟蒻重返c++,学海拾贝