js 块级元素和行级元素

块级元素:
> <div> <p> <form> <ul>
行级元素:
> <a> <span> <label> <button> <img> <input> <strong>

讲块级元素和行级元素 首先学习 display 这个属性
display 属性改变生成的框的类型,
块级元素 默认的display属性是 block,
行级元素 默认的display属性是 inline,
none,为该内容不展示
所以行级元素 和 块级元素可以通过该属性进行切换

js查看css display:

<p id="test01"></p>
<span id="test02"> <span>
<script>
ele0 = document.getElementById("test01");
ele1 = document.getElementById("test02");
a=document.defaultView.getComputedStyle(ele0,null);
b=window.getComputedStyle(ele1 ,null);  //两种方式查看css属性值
document.write("p:"+a.display + "--- </br>")
document.write("span:"+b.display)
</script>

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/getComputedStyle