美文网首页让前端飞
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判断元素是块级元素还是内联元素

    封装一个show方法,就实现元素display:block 可是span标签调用这个方法的时候,把span的dis...

  • css 元素分类

    块级元素 内联元素(行内) 内联块级元素 块级元素 等display:block inline 内联原素 内联块级元素

  • CSS布局(inline和block)

    CSS内联元素和块级元素, 内联块级元素 HTML语言标签元素被分为三种类型: 内联元素(行内元素), 块级元素,...

  • 内联元素和块级元素之间的嵌套关系

    首先,我们来回顾一下内联元素和块级元素内联元素可以嵌套内联元素,块级元素可以嵌套部分块级元素并也能嵌套内联元素,但...

  • HTML常用标签介绍

    html中标签有很多,主要分为三组,分别是块级元素、内联元素、内联块级元素。 块级元素 常见的块级元素有 ~ 、 ...

  • 你造吗?HTML 不能这么写

    目录 a标签不可以嵌套交互式元素 块级元素可以包含内联元素和某些块级元素,内联元素不能包含块级元素,只能包含内联元...

  • web前端入门到实战:css元素居中指南,细节决定成败!

    一、元素分类 首先要知道元素分三种:内联元素(行内元素)、块级元素、内联块级元素。 1、内联(行内)元素 可与其他...

  • 前端学习记录c s s一

    css里面的 块元素: ... 内联元素: 以及一些加强语气的标签。 内联块元素: 块级元素的特点: 每个块级元素...

  • 所有CSS居中方法,了解一下?

    目录 水平居中内联元素水平居中块级元素水平居中多个块级元素的水平居中 垂直居中内联元素垂直居中单行内联元素多行内联...

  • CSS居中

    一、水平 1.是内联的元素还是类内联元素(比如文本或链接)? 2.是一个块级元素吗? 3.是多个块级元素吗? 二、...

网友评论

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

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