Shulou(Shulou.com)06/01 Report--

Editor to share with you what the attributes and methods of the div element in HTML are, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

* {padding:0; margin:0;}

# box {width:200px; height:200px; padding:30px; border:#000 solid 1px; margin:30px;s}

one

two

Var box = document.getElementById ("box")

Console.dir (box)

Box model

1. Private attributes

Explore the attributes and methods of div elements

/ / the className property sets or returns the class property of the element

/ / clientHeight returns the visible height of the element (style height + padding)

/ / clientWidth returns the visible width of the element (style width + padding)

/ / the size of the left border of clientLeft, i.e. (offsetWidth-clientWidth) / 2

/ / the size of the upper side border of clientTop, i.e. (offsetHeight-clientHeight) / 2

Explore the attributes and methods of div elements

/ / offsetHeight returns the height of the element (style height + padding+border)

/ / offsetWidth returns the width of the element (style width + padding+border)

/ / offsetLeft returns the horizontal offset position of the element

/ / offsetTop returns the vertical offset of the element

/ / offsetParent returns the offset container of the element

Explore the attributes and methods of div elements

Explore the attributes and methods of div elements

/ / height of the scrollHeight scroll bar

/ / width of the scrollWidth scroll bar

/ / tagName returns the tag name of the element (uppercase)

The attribute _ _ proto__ of box points to the prototype chain of HTMLDivElement

The above is all the content of the article "what are the attributes and methods of div elements in HTML?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.