text-indent文字缩进

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)
            }
        }

猜你喜欢

转载自blog.csdn.net/weixin_52309490/article/details/115429774
今日推荐