/

理解计算机 ... javascript

理解计算机 / web / javascript

/ DOM

返回文章列表

DOM

2024/7/21 理解计算机/web/javascript

get DOM object

CSS selector

select for first matching element

1
document.querySelector('<CSS selector>')

select for all matching element
```
1
document.querySelectorAll('<CSS selector>')
```
there are pseudo array

have length and index

not have function such as push(),pop()

Other method

select for matching ID
```
1
document.getElementById('<ID name>')
```

select for all matching Tag

1
document.getElementByTagName('<element name>')

select for all matching class

1
document.getElementClassName('<class name>')

access

content

```
1
<DOM>.innerText='<text>'
```
only recognize text,do not parse tags
```
1
<DOM>.innerHTML='<html>'
```

attribute
```
1
<DOM>.<attribute> = '<value>'
```
style

multiple words named with small humps

background-color use backgroundColor
```
1
<DOM>.style.<style> ='<value>'
```
class
```
1
<element>.className = '<class name>'
```

classlist

add

1
<element>.classList.add('<class name>')

remove

1
<element>.classList.remove('<class name>')

swich

1
<element>.classList.toggle('<class name>')

find

1
<element>.classList.contains('<class name>')

‍

custom attribute

name

1
data-<name>

dataset

1
<DOM>.dataset.<name>

文章目录

同类文章

exception

2024/10/2

SE6

2024/9/19

scope

2024/9/19