dom节点获取 设置 删除属性的三种方法

js

1.HTMLElement类型对象的属性方法
获取:div.id div.className img.src
设置:div.id = 'mydiv' a.href = 'http://www.baidu.com'

2.getAttribute() setAttribute() removeAttribute()低版本的ie不支持
获取:div.getAttribute('id') div.getAttribute('class') img.getAttribute('src')
设置:div.setAttribute('id', 'mydiv') div.setAttribute('class', 'box')
删除:div.removeAttribute('id') div.removeAttribute('class')

3.通过attributes属性(得到NameNodeMap)
获取:div.attributes['id'].nodeValue div.attributes['class'].nodeValue;
设置:div.attributed['class'].nodeValue = 'Box'
删除:div.attributes.removeNamedItem('class')

4.判断是否有attr属性
return div.hasAttribute('attr')

jquery

获取:$('div').attr('class')
设置:$('div').attr('class', 'box') $('div').attr({'class':'box', 'title': 'title1'})
删除:$('div').removeAttr('title')

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本章内容 理解包含不同层次节点的 DOM 使用不同的节点类型 克服浏览器兼容性问题及各种陷阱 DOM 是针对 HT...
    闷油瓶小张阅读 658评论 0 1
  •   DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。   DOM 描绘...
    霜天晓阅读 3,682评论 0 7
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,045评论 0 2
  • Element 类型 除了 Document 类型之外,Element 类型就要算是 Web 编程中最常用的类型了...
    劼哥stone阅读 657评论 0 3
  • 四月的北国天气变化无常。早上还是阳光普照,到了中午就变成了大雪纷飞。那些雪花哟,彷佛是从阳光的间隙中飘下来的精灵,...
    徐健舒阅读 598评论 0 0