美文网首页我爱编程
dom节点获取 设置 删除属性的三种方法

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

作者: 蘑菇酱960903 | 来源:发表于2018-03-29 19:02 被阅读0次
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获取节点 三、间接获取节点 四、DOM节点的添加和删除 五、DOM属性操作 六、练...

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

    js 1.HTMLElement类型对象的属性方法获取:div.id div.className img.src设...

  • js dom节点操作

    获取dom节点 新增dom节点 删除dom节点

  • js、jquery的属性操作方法总结

    目录 属性分为三种: js原生属性操作方法获取属性设置属性删除属性自定义数据属性 dataset获得自定义属性的值...

  • JavaScript基本DOM属性和操作(常用)

    一、获取元素 二、获取和设置属性 三、节点属性 四、动态创建标记 详细的DOM属性和操作可以在 菜鸟教程 查看

  • JavaScript和jquery使用笔记

    设置属性 单个属性 多个属性 删除属性 监听下拉框切换事件 jq遍历的时候想着使用.html()弹出所选DOM节点...

  • day6-web前端

    一.基础语法(对象) 二.DOM获取节点 三.DOM间接获取节点 四.创建添加和删除节点 五,删除广告 六.动态添...

  • 2019-08-03 jquery 高级基础

    创建节点 元素内部擦入 同级插入 删除节点通常用empty 替换节点 复制节点 获取属性和设置属性 推荐使用pro...

  • 原生JS中DOM元素的操作

    获取dom 修改属性 .获取对象的属性 .js获取非行内样式属性 innerHTML dom 属性设置与获取 Do...

  • jS|DOM操作

    DOM节点的获取 DOM节点的创建 DOM节点删除 修改DOM元素 将指定两个DOM元素交换位置

网友评论

    本文标题:dom节点获取 设置 删除属性的三种方法

    本文链接:https://www.haomeiwen.com/subject/jhrvcftx.html