• 【精简】Web API--DOM获取元素

    好久不见

    整理一下web api 的 knowledge

    1、

    DOM：文档对象模型

    DOM树：直观的体现了标签与标签之间的关系。

    DOM对象：浏览器根据html标签生成的js对象。

    DOM的核心思想：把网页内容当作对象来处理。

    document对象：是DOM里提供的一个对象，网页所有的内容都在document里。

    2、

    获取DOM对象：

    ①选择匹配的第一个元素：document.querySelector('css选择器')

    返回值：css选择器匹配的第一个元素，返回的是object，如果没有匹配则返回null。

     ②选择匹配多个元素：document.querySelectorAll('css选择器')

    返回值：css选择器匹配的nodelist对象合集，得到一个伪数组。

    伪数组：有长度有索引号的数组，但是没有pop()，push()等数组方法，需要每一个元素用for来遍历。

    3、

    修改/设置DOM元素内容

    ①document.write()

    ②元素.innerText = '新值'

    只解析内容，不识别标签。

    ③元素.innerHTML = '新值' 

    可识别标签，可解析内容。

    如果在纠结用那个，那就选innerHTML吧。

    4、设置/修改元素常用属性

    对象.属性 = '新值‘

    1. 一个简单的应用代码
    2.  "./1.jpg" alt="">
    3.