JSAPI2.1-DOM基础

一、分局CSS选择器获取DOM元素

 1.1获取单个元素

document.querySelector('css选择器')

参数：包含一个或多个有效的CSS选择器字符串

返回值：CSS选择器匹配的第一个元素，一个HTMLElement对象；如果没有匹配的选择null

注意：可以直接修改

 1.2获取多个元素

document.querySelectorAll('css选择器')

参数：包含一个或多个有效的CSS选择器字符串

返回值：CSS选择器匹配的NodeList集合对象（伪数组：有长度、索引号的数组，但没有数组方法）

注意：不可以直接修改，只能通过遍历的方式依次给里面的元素做修改

二、设置/修改DOM元素内容

 2.1innerText

const box = document.querySelectorAll('box')
box.innerText = '你好'

注意：只识别文本，不能解析标签

 2.2innerHTML

const box = document.querySelectorAll('box')
box.innerHTML = '<strong>你好</strong>'