JS DOM基础

document(查询节点的方式)：
document.getElemenById()通过id获取节点元素


document.getElementsByTagName()通过标签名来获得节点元素


document.getElementsByClassName()通过类名来获得节点元素


document.getElementsByName() 通过名称获得节点元素


document.querySelector()通过css选择器来获得节点


document.querySelectorAll()通过css选择器来获得相应全部节点。

遍历节点：
1.

2.

改变层内容的方法：
innerText方法 (获取/改变文本内容):

 
innerHTML(获得/改变html的内容)：

获取表单值的方法：
.value(获得/改变表单的值)：

 

通过style修改样式：
可使用style方法：
例：div.style.width=‘400px’;
       div.style.fontSize='48px'

 

 

通过classList修改类名，修改样式：
classList.toggle()：    切换类名。



classList.add():          添加类名。



classList.remove()     删除类名。
  

 


classList.contains()   检测是否包含类名。