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
HTML Articles
Page 18 of 151
HTML DOM Location port Property
The Location port property returns/sets the port number (if specified) for a URL. Port number might not get displayed if not explicitly specified.SyntaxFollowing is the syntax −Returning value of the port propertylocation.portValue of the port property setlocation.port = portNumberExampleLet us see an example for Location port property − Location port form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } ...
Read MoreHTML DOM Location search Property
The Location search property returns/sets a string corresponding to the query parameters for a URL.SyntaxFollowing is the syntax −Returning value of the search propertylocation.searchValue of the protocol property setlocation.search = searchStringExampleLet us see an example for Location search property − Location protocol form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } Location-protocol Current URL: var divDisplay = document.getElementById("divDisplay"); var urlSelect = document.getElementById("urlSelect"); function getprotocol(){ divDisplay.textContent = 'URL protocol: '+location.protocol; } OutputThis will produce the following output −Before clicking ‘Get search value’ button −After clicking ‘Get search value’ button −
Read MoreHTML DOM Location reload() method
The HTML DOM Location reload() method is used for re – rendering the current document. It provides the same functionality as the reload button in the browser.SyntaxFollowing is the syntax −location.reload(forceGetParameter)ParametersHere, “forceGetParameter” can be the following −forceGetParameterDetailstrueIt defines that current document is reloaded from server.falseIt defines that current document is reloaded from browser cache.ExampleLet us see an example for Location reload() property − Location reload() form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } ...
Read MoreHTML DOM Anchor rel Property
The HTML DOM Anchor Rel property returns the rel attribute of a link. The rel attribute describes the association between the running document and the linked document.SyntaxFollowing is the syntax to −a) Return the rel property −anchorObject.relb) Set the rel property &minusanchorObject.rel = "value"ExampleLet us see an example of the HTML DOM anchor rel property − Example Anchor Rel Property Click on the button Click me! function display() { var docs = document.getElementById("anchorExample").rel; document.getElementById("show").innerHTML = docs; } OutputThis will produce the following output −Click on ...
Read MoreHTML DOM Anchor target Property
The HTML DOM target property associated with the anchor tag () specifies where the new web page will open after clicking the URL. It can have the following values −_blank − This will open the linked document in a new window._parent − This will open the linked document in the parent frameset._top − This will open the linked document in the full body window._self − This will open the linked document in the same window. This is the default behaviorframename − This will open the linked document in the specified framename.SyntaxFollowing is the syntax for −Returning the target property −anchorObject.targetSetting ...
Read MoreHTML DOM Button value Property
The HTML DOM Button value property is associated with value attribute of the element. It specifies the hidden value of the button. The value property sets or returns the value of the value attribute of a button. Browsers generally submit the value text when clicked on a button while others submit the text between the element.SyntaxFollowing is the syntax for −Setting the value property −buttonObject.value = textHere, the text property value is the initial value that is given to the button.ExampleLet us see an example of the button value property − My Button Click on the ...
Read MoreHTML DOM cite object
The HTML DOM cite object is associated with the HTML element. The element is used to give reference to a cited creative work and title must be included. It can be painting, book, tv show, movies etc.SyntaxFollowing is the syntax for −Creating a cite object −var x = document.createElement("CITE");ExampleLet us see an example of the HTML DOM cite object − Click the below button to create a CITE element. CREATE function createCite() { var x = document.createElement("CITE"); var t = document.createTextNode("The Starry night."); x.appendChild(t); ...
Read MoreHTML DOM Column object
The HTML DOM Column object is associated with the HTML element. The Column object is used to get or set the properties of element. The tag is used only inside a element.PropertiesFollowing is the property for column object −PropertyDescriptionSpanTo set or return the span attribute value of a column.SyntaxFollowing is the syntax for −Creating a Column object −var a = document.createElement("COL");ExampleLet us see an example for the column object − table, th, td { border: 1px solid blue; } #Col1{ background-color:pink; } ...
Read MoreHTML DOM DT object
The HTML DOM DT object is associated with the HTML element.Using the DT object we can create the element dynamically using JavaScript.SyntaxFollowing is the syntax for −Creating a DT object −var p = document.createElement("DT");ExampleLet us look at an example for the HTML DOM DT object − DT object example Create a DT element inside a DL by clicking the below button CREATE function createDT() { var Desc = document.createElement("DL"); var DesT = document.createElement("DT"); var tn= document.createTextNode("Mango"); DesT.appendChild(tn); var data ...
Read MoreHTML DOM Datalist options Collection
The HTML DOM Datalist options collection is used for setting or returning the option value collection that are present inside the HTML element. The elements appear in the same order as they are in the document.PropertiesFollowing is the property for the Datalist options Collection −PropertyDescriptionlengthTo return the number of elements in the collection.It is a read-only property.MethodsFollowing are the methods for the Datalist options collection −MethodDescription[index]To return the element from the collection present at the specified index.Indexing starts from 0 and null is returned if the index number is out of range.item(index)To return the element from ...
Read More