美文网首页让前端飞
Javascript判断元素是块级元素还是内联元素

Javascript判断元素是块级元素还是内联元素

作者: 喝不醉再来 | 来源:发表于2017-06-15 16:01 被阅读0次

    封装一个show方法,就实现元素display:block 可是span标签调用这个方法的时候,把spandisplay改成了block,这是我们不希望看见的。

    html

    <div id="div">我是div</div>
    <span id="span">我是span</span>
    

    js

    var div = document.getElementById("div");
    var span = document.getElementById("span");
    function getDisplay(obj){
      // 浏览器兼容
       if (obj.currentStyle) {
            return obj.currentStyle.display;
        }
        else {
            return getComputedStyle(obj, false).display;
        }
    }
    console.log(getDisplay(div)) // block
    console.log(getDisplay(span)) // inline
    

    相关文章

      网友评论

        本文标题:Javascript判断元素是块级元素还是内联元素

        本文链接:https://www.haomeiwen.com/subject/rzquqxtx.html