Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Articles by AmitDiwan
Page 265 of 840
HTML DOM Window frameElement Property
The HTML DOM Window frameElement property returns the HTML element that contains or embeds the current window, such as , , or . If the window is not embedded within another element (i.e., it's the top-level window), this property returns null. This property is commonly used to determine whether a page is running inside a frame or as a standalone window, and to access properties of the parent element when embedded. Syntax Following is the syntax for accessing the frameElement property − window.frameElement Return Value The frameElement property returns − ...
Read MoreUnescape HTML entities in JavaScript?
To unescape HTML entities in JavaScript, we need to understand the difference between URL encoding (handled by unescape()) and HTML entity decoding. HTML entities like , and & require different approaches than URL-encoded strings like %20. The legacy unescape() function only handles URL percent-encoded strings, not actual HTML entities. For true HTML entity decoding, we use modern methods like the DOM's innerHTML property or DOMParser. Syntax Following is the syntax for the legacy unescape() function for URL decoding − unescape(encodedString) Following is the syntax for HTML entity decoding using DOM methods − ...
Read MoreHow to change the href attribute for a hyperlink using jQuery?
The jQuery attr() method is used to change the href attribute for hyperlinks. This method can both get and set attribute values for HTML elements. Changing href attributes is particularly useful when you need to update URLs dynamically, such as converting HTTP links to HTTPS or modifying URLs based on user interactions. Syntax Following is the syntax to get an attribute value − var value = $(selector).attr("attributeName"); Following is the syntax to set an attribute value − $(selector).attr("attributeName", "newValue"); Getting Current href Value To retrieve the current href value ...
Read MoreHow do I make a placeholder for a 'select' box?
Unlike text inputs, the HTML element does not support the placeholder attribute. However, we can create a placeholder effect using the first element with specific attributes to simulate placeholder behavior. Syntax Following is the basic syntax for creating a placeholder in a select box − Placeholder text Option 1 Option 2 The key attributes are: value="" − Empty value ensures no data is submitted if placeholder is somehow selected disabled − Prevents users from selecting the placeholder option selected ...
Read MoreHow to add line breaks to an HTML textarea?
To add line breaks to an HTML textarea, there are several approaches. You can programmatically insert line breaks using JavaScript by replacing specific characters with newline characters (), or use CSS properties like white-space: pre-wrap to preserve formatting. Line breaks in textareas are essential for creating multi-line content and improving text readability. Method 1: Using JavaScript to Replace Characters with Line Breaks This method involves replacing specific characters (like periods) with newline characters using JavaScript's replace() method. How It Works Create a textarea in HTML and assign an id to it. Create a button which ...
Read MoreHTML DOM Textarea placeholder Property
The HTML DOM Textarea placeholder property is used to get or set the value of the placeholder attribute of a textarea element. The placeholder provides a hint to users about what kind of information is expected in the textarea field. Syntax Following is the syntax for returning the placeholder value − textareaObject.placeholder Following is the syntax for setting the placeholder value − textareaObject.placeholder = "text" Property Value The placeholder property accepts a string value that specifies the short hint displayed in the textarea before the user enters a value. ...
Read MoreHTML DOM localStorage Properties
The HTML DOM localStorage property enables users to store key-value pairs in the browser's local storage for persistent data storage. Unlike session storage, localStorage data remains available until explicitly removed or cleared, even after the browser is closed and reopened. Syntax Following is the syntax to access localStorage − window.localStorage The localStorage object provides several methods for data manipulation − setItem(key, value) − Stores a key-value pair in localStorage getItem(key) − Retrieves the value associated with the specified key removeItem(key) − Removes a specific key-value pair from localStorage clear() − Removes all ...
Read MoreCan different HTML elements have the same ID?
No, different HTML elements cannot have the same ID. The ID attribute must be unique across the entire HTML document. According to the HTML specification, each ID value must identify exactly one element within the document. The uniqueness requirement exists because IDs serve as unique identifiers for CSS styling, JavaScript manipulation, and anchor linking. When multiple elements share the same ID, browsers and scripts cannot reliably determine which element to target, leading to unpredictable behavior. Why IDs Must Be Unique Here are the key reasons why HTML IDs must remain unique − CSS Targeting − ...
Read MoreHTML DOM Window opener Property
The HTML DOM Window opener property returns a reference to the parent window that opened the current window using the window.open() method. This property allows communication between parent and child windows, enabling the child window to access and manipulate elements in its parent window. Syntax Following is the syntax for accessing the opener property − window.opener Return Value The opener property returns − A reference to the parent window object if the current window was opened by another window using window.open(). null if the window was opened directly by the user ...
Read MoreHTML DOM Input Search name Property
The HTML DOM Input Search name property sets or returns the value of the name attribute of a search input field. The name attribute identifies the form data when submitted to the server and allows JavaScript to reference the element for manipulation. Syntax Following is the syntax for setting the name property − searchObject.name = "name" Following is the syntax for getting the name property − var name = searchObject.name Here, name is a string specifying the name of the search field. Return Value The property returns a ...
Read More