<div id="div1">

        <a href="#" id="a1">a标签</a>

        <p >1</p>

        <p>2</p>

        <p>3</p>

        <p>4</p>

        <p>5</p>

    </div>

    <div id="div2">

        div2

    </div>

    <input type="text" value="button1" id="btn1">

var p  = document.querySelectorAll('#div1 p');//效果一样与上面

        // p.style.display = "none";

        for(var i = 0;i<p.length;i++){

            p[i].style.color = 'red';

            p[i].setAttribute('zu','3');//设置自定义属性

        }

#div1{

        /*width: 500px;

        height: 500px;*/

        background: #0cc;

​

    }