当前位置: 首页 > web>阅读正文

javascript判断块元素、行内元素

2021.9.15 朱丰华 69 次 留下评论 446字

js可以使用window.getComputedStyle(node)取得包含某个元素节点的属性对象,然后通过该对象的display属性获取display的值。

比如对img标签,p标签,分别进行判断,将得到inline,以及block,说明img是行内元素,而p标签是块元素。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

</head>
<body>


<p id="p">这是一个行元素</p>

<script>

var elt = document.getElementById("p");
var obj = window.getComputedStyle(elt);

document.write("p元素的display属性是:"+obj.display);
document.write("<br><br>");

for(var i in obj) {

     document.write(i," : ",obj[i],"<br>");

}

</script>

</body>
</html>

本篇完,还有疑问?留下评论吧

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注