本文共 3308 字，大约阅读时间需要 11 分钟。
���������������������DOM���������������
���������DOM���
���������������������Document Object Model���������DOM������W3C���������������������������������������HTML���XML���������������������������������DOM���������������������������������������������������������������������������������������������������������������������������������������
DOM���������������HTML���������������XML���������������API���������������������������������������������������������������������������������������������������������������������������������������
���JavaScript������DOM������������������������������������������������������������������������������������������������
DOM���������������
DOM������������������������������������������������������������������������
���������Document���������������������������������������DOM��������� document ���������
���������Element������������������������������������ <div>���<p> ���������������������DOM��������� element ���������
���������Node������������������������������������������������������������������������������������������������DOM��������� node ���������
������������������������������������������������������
- ���������������Attribute Node������������������������������������������
class���id��� - ���������������Text Node���������������������������������������
- ���������������Character Data���������������������������������������
DOM������������
DOM���������������������������������������
��������������� document.createElement() ��������������������������� element.innerHTML ���������������������
������������ parentNode.appendChild() ��������������������������� parentNode.insertBefore()���������������
������������ removeChild() ��������������������������� querySelectorAll().forEach(node => node.remove()) ���������������������
���������������������������������������������������������������������
������������ document.getElementById() ��� querySelector() ���������������
��������������������� getAttribute() ��������������������������� setAttribute() ������������������������
��������������������������� onclick���onmouseover ���������������������������������������������
������������������
���������������DOM���������������������������������������������
| ������������ | ������ |
|---|---|
| element.getAttribute('������') | ��������������������������� |
| element.setAttribute('������', '���������') | ��������������������������� |
| element.removeAttribute('������') | ��������������������� |
������������������������������������������������������������������������������������
������������������
���������������������������������������������������������
| ������������ | ������������ | ������������ |
|---|---|---|
| onclick | ������������ | ��������������������������������������������������� |
| onmouseover | ������������ | ������������ Hover ������������������������������ |
| onmouseout | ������������ | ������������������������������������������������������������ |
| onmousemove | ������������ | ������������������������������������������ |
| onfocus | ������������ | ������������������������������������������������������������ |
| onblur | ������������ | ������������������������������������������������ |
| onmouseup | ������������������ | ������������������������������������������������������ |
| onmousedown | ������������ | ������������������������������������������������������ |
���������������������������������������������������������������������������������������
发表评论
最新留言
关于作者
