How to border elements in javascript
Editor to share with you how to add borders to the elements in javascript, 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!
The method of adding a border to an element in javascript: 1, use the statement "element object .style.border =" width value style value color value ""; 2, use "element object .style.cssText =" border: width value style value color value "statement.
The operating environment of this tutorial: windows7 system, javascript1.8.5 version, Dell G3 computer.
Method 1: use the HTML DOM border attribute
Syntax: Object.style.border=borderWidth borderStyle borderColor
Example:
Div {width: 80px; height: 30px; margin: 10px auto;} Click the button to add a border to the div element
Div element Click here var div = document.getElementById ('div'); / / get div element object function Fun () {div.style.border= "1px solid red"; / / add style to div element object}
Effect picture:
2. Use the cssText attribute
The essence of cssText is to set the value of the style attribute of the HTML element.
Syntax: Object.style.cssText= "attribute name: attribute value"
Example:
Div {width: 80px; height: 30px; margin: 10px auto;} Click the button to add a border to the div element
Div element Click here var div = document.getElementById ('div'); / / get div element object function Fun () {div.style.cssText= "border:1px dashed green"; / / add style to div element object}
Effect picture:
The above is all the content of the article "how to frame elements in javascript". 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!
