Web-API-day1 DOM 文档对象模型

获取DOM对象

1.querySelector(")  满足条件第一个元素

2.querySelectorAll(")  满足条件的元素集合 返回伪数组

3.了解其他方式

1)getElementById

2)getElementByTagname

操作元素内容

修改DOM文本内容

1)innerText  将文本内容添加/更细到任意标签位置,文本包含的标签不会被解析

2)innerHTML 将文本内容添加/更细到任意标签位置,文本包含的标签会被解析

操作元素属性

常用属性修改  


  
  
  

style属性修改

对象.style.样式属性 =值


  
我是个一枚小帅锅

通过操作类名className修改样式

  



  
  

通过classList操作类控制CSS

  


  
一只狗

操作表单属性

获取:DOM对象.属性名

设置:DOM对象.属性名= 新

    
    
    
    
自定义属性

标准属性: 标签天生自带的属性 比如class id title等, 可以直接使用点语法操作比如: disabled、checked、selected

自定义属性:

在html5中推出来了专门的data-自定义属性

在标签上一律以data-开头

在DOM对象上一律以dataset对象方式获取

自定义属性

你可能感兴趣的:(前端,javascript)