DOM (Document Object Model) 文档对象模型
- DOM是所有浏览器都遵循的规范
- 一个网页就是一个DOM
- document.
- document.getElementById('xx'):返回一个对象
- document.getElementsByTagName('li'):返回一组对象
- document.querySelectorAll('.XX xx'):返回XX中元素为xx的值
- document.querySelector('.XX xx'):返回XX中元素为xx的结果集的第一条
- element property
- querySelector
- innerText
- firstElementChild
- childElementCount
- childNodes
- create element
- insertBefore
- append element
var newMember = document.createElement('li');
var newMemberText = document.createTextNode('张三');
newMember.appendChild(newMemberText);
//choose element from DOM
document.querySelector('.artist-list').appendChild(newMember);
/**
* use insert method to insert into pointed position
*/
var artistList = document.querySelector('.artist-list');
artistList.insertBefore(newMember, artistList.firstChild);
