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

The HTML DOM Datalist object is associated with the HTML5 element.SyntaxFollowing is the syntax −To create Datalist object −var p = document.createElement("DATALIST");To access Datalist object −var p = document.getElementById("demoDatalist");ExampleLet us look at an example for the HTML DOM Datalist object −Live Demo DATALIST    button{       margin-top:90px;    } Datalist object example Click the below button to create a datalist element with options CREATE    function createData() {       var i = document.createElement("INPUT");       i.setAttribute("list", "fruits");       document.getElementById("FORM1").appendChild(i);       var ... Read More

In this article, we are going to discuss about an element inside another element in JavaScript with suitable examples. In JavaScript to access an element within another element i.e.., the inner element, we use ‘.’ property. We can also check whether an element is present within another element or not using contains() method. This method either returns true or false. Let’s look into the possible ways to check an element inside another element with appropriate examples further in this article. Syntax The syntax to access an element inside another element is − document.getElementById(‘IDname’).getElementsByTagName(‘Tag’)[i].innerHTML; Where, IDname is the name ... Read More

The HTML DOM contains() method is used to find whether a node is the descendant of the specified node. A descendant can be an immediate child of the node, grandchild and even great-grandchild. It returns a boolean true indicating the node is indeed the descendant of the specified node and false if it isn’t the descendent of the given node. Syntax Following is the syntax for the HTML DOM contains() method − node.contains(givenNode) Here, the givenNode is a mandatory parameter value that specifies if the givenNode is being contained by the node. Example Let us look at an example for ... Read More

The HTML DOM console.warn() method is used to display a warning message in the console. In some browsers there is a small exclamation mark in console log for these warnings The console.warn() method will not interrupt your code execution. Developers can use the console.warn() method to give warnings to the user about some user action.SyntaxFollowing is the syntax for console.warn() method −console.warn(message)Here, the message is a mandatory parameter of type string or object. It is displayed as a warning in the console view.ExampleLet us look at an example for the console.warn() method − console.warn() Method Click the below ... Read More

The HTML DOM console.trace() method is used to display the stack trace upto the point the console.trace() method has been called upon. It is basically used for displaying the code path i.e how the code ended up at that point.SyntaxFollowing is the syntax for console.trace() method.console.trace(label);Here, label is an optional parameter of type string to specify the label for the code trace. This helps if there are multiple traces for different pieces of code.ExampleLet us look at an example for the console.trace() method − console.trace() Method Click the below button… Start Trace    function Function1(){   ... Read More

The console.timeEnd() method is used for stopping the timer and displaying the time elapsed while the code inside the console.time() and console.timeEnd() took to finish execution. It is useful for timing sections of your code to figure out where the bottlenecks are. Using the optional label parameter we can specify which timer to stop.SyntaxFollowing is the syntax for console.timeEnd() method −console.timeEnd(label);Here, label is an optional parameter for specifying which timer to stop.ExampleLet us look at an example for the console.timeEnd() method − console.time() Method Click the below button to time the for, while and do-while loops for 100000 ... Read More

The HTML DOM console.time() method is used for displaying the time elapsed in executing a piece of code. This helps us in analyzing the entire code or specific bits of our code. By timing your code you can make it more efficient. Using the optional label parameter you can create several timers on the same page.SyntaxFollowing is the syntax for HTML DOM console.time() method −console.time(label)Here, the label is an optional parameter to give our timer a name.ExampleLet us look at an example for the console.time() method − console.time() Method Click the below button to time the for, while ... Read More

The HTML DOM console.table() method is used to display data in a well organized tabular format. This method can be used to visualize complex arrays or objects. The table is organized in such a way that each element in the array will be a row in the table. It takes two parameters tabledata(compulsory) and tablecolumns(optional).SyntaxFollowing is the syntax for the console.table() method −console.table( tabledata, tablecolumns );Here −Tabledata is a compulsory parameter value. It represents the data to be used in filling the table. It can be of type object or an array.Tablecolumns is an optional parameter value.It is an array ... Read More

The HTML DOM console.log() method is used for writing a message to the console. The console is used for debugging and testing purposes mainly. The message can be a string type or an object type.SyntaxFollowing is the syntax for the console.log method −onsole.log(msg)Here, msg can be a string, array or object. We can send multiple comma separated objects as parameter too.ExampleLet us look at an example for the console.log() method − JavaScript console.log() Method Press F12 key to view the message in the console view. LOG    function logConsole(){       console.log("Following are some animal names"); ... Read More