笔记
获取节点:
document.getElementById()
document.getElementsByClassName()
document.getElementsByTagName()
document.getElementsByName()
document.querySelector()
document.querySelectorAll()
节点类型:
文本类型(3)
标签类型(1)
注释类型(8)
节点类型 nodeType
节点名字 nodeName
节点关系:
获取所有子节点:childNodes
获取所以标签子节点:children
获取父节点:parentNode
下一个兄弟节点:nextElementSibling (兼容IE:nextSibling)
上一个兄弟节点: previousElementSibling (兼容IE:previousSibling)
获取第一个子节点:firstElementChild
获取最后一个子节点:lastElementChild
常见节点操作:
创建标签节点:createElement('标签名')
创建文本节点:createTextNode('内容')
创建注释节点:createComment('注释')
替换节点:replaceChild(新节点,旧节点)
删除节点:removeChild(要删除的节点)
克隆节点:cloneNode(布尔值) true深复制复制节点,包括子节点。false:浅复制 复制节点,不包括子节点
属性操作方法:
设置属性值:getAttribute('属性名')
设置属性: setAttribute('属性名','属性值')
删除属性: removeAtrribute('属性名')
获取计算后的样式:
currentStyle(兼容IE)
getComputedStyle
DOM-1
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- DOM 变化 如何确认浏览器是否支持 DOM 2 和 DOM 3 新增的模块:var supportsDOM2Co...