text-indent: 2em;它是文本缩进em是字体缩进1em是缩进一个字2em是缩进两个字一次类推
#box {
width: 500px;
margin: 0 auto;
}
#box div {
padding: 10px;
text-indent: 2em;
width: 350px;
border: 2px solid #000;
margin: 10px 0;
cursor: pointer;
}
循环数组的时候先转换数组在循环给每个标签添加一个点击事件,再点击时间函数里要想获取文本必须用this,在这this值得是当前的函数也就是本身
var box = document.getElementsByClassName('box')
console.log(box);
box = Array.from(box)
for(var i=0; i<box.length; i++){
box[i].onclick=function(){
console.log(this.innerHTML);
alert(this.innerHTML)
}
}