<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="wrap">
    <p></p>
    <p></p>
    <div>
        <p></p>
        <p></p>
        <p></p>
    </div>
</div>
<p></p>
<script>
    /*
    通过 选择器/ID名/class名/Name 来获取元素的一些常见方式
    document.getElementById()

    .document.getElementByClassName()  不兼容ie8及以下
    .document.getElementsByTagName()
    .document.getElementByName

    .querySelector()  不兼容ie7及以下
    .querySelectorAll()



    */

    // aP是起的名字
    // oWrap通过id获取的元素是唯一的
    // 通过标签获取的元素不是唯一的


    //所有的标签基本都有getElement
    // let oWrap = document.getElementById('wrap');
    // let aP = oWrap.getElementsByTagName('p');
    // console.log(aP);

    //这样比较简单的选择到多层下边的元素
    //写一个类似于css选择器的东西
    let aP = document.querySelectorAll('#wrap div p');
    aP[0].innerHTML = '111';
    console.log(aP);

</script>
</body>
</html>