【web】JavaScript——Web APIs笔记小结 Web APIs+dom部分（Web APIs和DOM简介）

  争取卷起来啊喂，之前真的好躺qwq   

来源：JavaScript基础语法

目录

I.Web APls

① Web APIs 和 JS 基础的关联性

​编辑② API 和 Web API

II.DOM

① 简介​编辑

② 获取元素

※※ 根据ID 获取

​编辑※※ 根据标签名获取

※※ 通过HTML5新增的方法获取(i9以上版本支持)

※※ 特殊元素获取

③ 事件基础

※※ 三要素

​编辑

※※ 执行过程

④ 操作元素

※※ 修改普通元素

​编辑

※※※※ 普通案例

※※ 修改表单属性

※※※※ 表单案例

※※ 修改样式属性

​编辑 ※※※※ 样式案例

※※※※ 循环精灵图

※※ 文本框案例

---

I.Web APls

① Web APIs 和 JS 基础的关联性

② API 和 Web API

地址戳这 → MDN

II.DOM

① 简介

② 获取元素

※※ 根据ID 获取

用 getElementByld() 方法可以获取 带有ID 的 元素对象 

※※ 根据标签名获取

用 getElementsByTagName() 方法可以返回 带有指定标签名 的 对象的集合 

※※ 通过HTML5新增的方法获取(i9以上版本支持)

※※ 特殊元素获取

③ 事件基础

※※ 三要素

btn.onclick = function() {
    alert('点秋香');
}

※※ 执行过程

④ 操作元素

※※ 修改普通元素

※※※※ 普通案例

  图可以自己随便找，这里就不放了 

早上好

※※ 修改表单属性

※※※※ 表单案例

 html和css复习戳这里 → html汇总 、css边框 、css定位

我的：

 PS. 例图是用ps拼起来的

pink的：

※※ 修改样式属性

 ※※※※ 样式案例

我的： 

    
    
    
    
    

    
        

            X
            

                
图来自百度~！
                
            
        
        
    

PS.点了按钮好几次都没反应。。然后发现是把  document.querySelector('.btn'); 写成了  getElementsByClassName ，如果你也忘了的话赶快去看本篇的获取元素哦！

pink的：

    
    
    
    
    



    
淘宝二维码
        
        x
    
    

※※※※ 循环精灵图

 这个是直接抄的pink的 

※※ 文本框案例

我的： 

    
    
    
    
    



    

        
        搜索

    
    

 只放了显示的图，可以直接复制代码试一下ww

pink的： 

---

  恭喜看到这的小伙伴，你已经完成JavaScript APIs第一天的学习了~！！

下面进入第一天剩余部分的学习吧 (｡･∀･)ﾉﾞ → 样式属性部分案例

 有用的话可以点赞评论收藏哦！！