4.1dom操作

Posted o728

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了4.1dom操作相关的知识,希望对你有一定的参考价值。

document对象 html文档的内容

一:找元素

(1)根据ID找     getElementById()

(2)根据class找    getElementsByClassName()

(3)根据name找    getElementsByName()

(4)根据标签名找   getElementsByTagName()

技术分享图片技术分享图片

二:操作内容

(1)a   获取文本内容   innerText

技术分享图片技术分享图片

b    innerHTML(获取的内容是含标签的)

c    修改内容

技术分享图片

三:操作属性

(1)获取属性   getAttribute(属性名)

技术分享图片技术分享图片

(2)设置属性    setAttribute(属性名,属性值)

(3)移除属性    removeAttribute(属性名)

四:操作样式(样式只能操作内联的)

获取样式

技术分享图片技术分享图片

修改样式

技术分享图片

 

以上是关于4.1dom操作的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript之DOM(上)

JavaScript之DOM(中)

JavaScript DOM基础

MutationObserver监听DOM变化

JavaScript之DOM(下)

Web 三件套JavaScript WebAPI 介绍