Difference Between column-gap, column-span & column-fill in CSS

column-gap– This property is used to specify the gap between the columns. We can set this property to normal (default) and length. Ex: – div { column-gap: 30px;} column-span– This property is used to specify how many columns an element should span across. We can set this property to none (default) and all. Ex: – … Read more

How do I manipulate using DOM Table in JavaScript?

HTMLTableElement HTMLTableElement interface provides special properties and for manipulating the layout and presentation of tables in an HTML document. PropertiescaptiontHeadtFootrowstBodies MethodscreateCaption()deleteCaption()createTHead()deleteTHead()createTFoot()deleteTFoot()insertRow()deleteRow() Properties caption – This property represents the table caption. If no caption element is associated with the table, it can be null. tHead – This property represents  the table’s <thead> element. Its value can … Read more

CSS manipulation in JavaScript

CSSStyleDeclaration Object The CSSStyleDeclaration object represents a collection of CSS property-value pairs. It is used in API : HTMLElement.stylewindow.getComputedStyle( ) Properties cssText length parentRule Methods getPropertyValue(property)getPropertyPriority(property)removeProperty(property)setProperty(property, value, priority)item(index) Style Property The style property is used to get or set the inline style of an element. While getting, it returns a CSSStyleDeclaration object that contains a … Read more

HTML-DOM and CSS-DOM Mapping in JavaScript

HTML-DOM Mapping Many object properties are simply direct mapping to the attributes of the HTML element. In other words, there is a mapping directly between HTML Syntax and the DOM. Ex:- Above title can be accessed in DOM bydocument.getElementById(“myid”).title P tag’s title attribute is mapped to DOM property title in the above example that is … Read more

Manipulation Attributes in JavaScript

Attributes The attributes property returns a live collection of all attribute nodes registered to the specified node. It is a read-only property. Syntax:-Element.attributes[index/key] Attr Object Properties name (do not use nodeName) value (do not use nodeValue or textContent or appendChild() or insertBefore( ) or removeChild( ) or replaceChild( ) these all are deprecated for attr … Read more

Top 21 Chrome Extension every software engineer must know

1. Speedtest by Ookla: Take a Speedtest directly from your toolbar to quickly test your internet performance without interruption. 2. Save to Google Drive: This extension allows you to save web content directly to Google Drive through a browser action or context menu. You can save documents, images, and HTML5 audio and video all by … Read more

HTML: Select Tag

The <select>….</select> tag creates a drop-down list to accept user input from a list of items. Attribute Value Description autofocus autofocus Specifies that the drop-down list should automatically get focus when the page loads disabled disabled Specifies that a drop-down list should be disabled form form_id Defines one or more forms the select field belongs … Read more