The HTML DOM Base href property is associated with the HTML tag. The tag is used to specify the base URL for all relative URLs in the current HTML document. There can be a maximum of one tag in a HTML document. The Base href Property returns the value of href attribute in the base element.SyntaxFollowing is the syntax for −Setting the href property −baseObject.href = URLHere, URL is the base URL.Returning the href property −baseObject.hrefExampleLet us see an example for Base href Property − IMAGES Click the below button to change ... Read More

The HTML DOM Audio Object represents the HTML element. The audio element newly introduced in HTML 5. Using the audio object we can manipulate the audio element to get information about audioTrack , change to autoplay, etc.PropertiesFollowing are the properties of HTML DOM Audio Object −PropertyDescriptionaudioTracksTo return audioTrackList object containing available audio tracksautoplayTo return or set the audio to start playing automatically.bufferedTo return a TimeRanges object containing all buffered parts of an audio.controllerTo return the MediaController object representing the current media controller of an audio.controlsTo set or return whether the audio should have play/pause control displayed or notcrossOriginTo set ... Read More

The HTML DOM Article object represents the HTML element that was introduced in the HTML5. An article is a self-contained area in an HTML document. It is a part of the semantic tags introduced in HTML5.SyntaxFollowing is the syntax for −Creating an article objectvar a = document.createElement("ARTICLE");ExampleLet us see an example of HTML DOM article object − Live Demo ARTICLE HEADING Heading Sample Article Text Click the below button to change article size and color CHANGE ADD    function ChangeArticle() {       var x = document.getElementById("ArticleObj");       x.style.color = "green";   ... Read More

The HTML DOM Area Object is associated with the image map in HTML. Area basically represents the clickable area inside the image map.The image object helps us in creating and accessing the element within the object. We can change clickable region inside the map or change the shape etc. of the image map based on the user input. It can also be used to manipulate the link inside the area elementPropertiesFollowing are the properties for Area Object −ValueDescriptionaltTo set or return alt attribute value.coordsTo set or return the cords attributes of an area.hashTo set or return the anchor part ... Read More

The HTML DOM AnimationEvent is an object in JavaScript handling the events that occur when CSS animation runs. It basically provides us information about the events that are related to the animation. It offers us a greater control over the CSS animations. It represents the relation between events and animation by describing which events triggered the animations.PropertiesFollowing are the properties for Animation Event −PropertyDescriptionanimationNameIt will return the name of the animation being executed.elapsedTimeReturns the time elapsed since animation is running in seconds.pseudoElementIt returns the name of the pseudo-element of the animation. Eg: ::before, ::after, ::first-line etc.SyntaxFollowing is the syntax for ... Read More

The HTML DOM Anchor collection is used to return the collection of all the anchor tags() present in our HTML document. It will count the links only if they have name attribute associated with them. The name attribute is however deprecated in the current HTML5. The elements appear in the same order as they are present in the html source document.PropertiesFollowing are the properties of Anchor collection.PropertyDescriptionlengthIt will return the number of links() in our html document.MethodsFollowing are the methods of Anchor collection.MethodDescription[Index]It will return the link at the specified index. The index starts from 0 and from top to ... Read More

The HTML DOM anchor username property associated with anchor tag is used to set or return the value of the username part of the href attribute. The username is entered by the user and is often used in username-password pair. The username value is specified after the protocol and just before the password part of the link.SyntaxFollowing is the syntax for −Returning the username property −anchorObject.usernameSetting the username property −anchorObject.username = UsernameValueExampleLet us see an example of anchor username property − Live Demo ExampleSite Click the button to change username Set User Get User    function changeUser() ... Read More

The HTML DOM type property associated with anchor tag is used to set or get the value of the type attribute of the link. This attribute was introduced in HTML 5. This attribute is also for only suggestive reasons and isn’t compulsory to include. It contains single MIME(Multipurpose Internet Mail Extensions) value type.SyntaxFollowing is the syntax for −Returning the type property −anchorObject.typeSetting the type property −anchorObject.type = MIME-typeExampleLet us see an example for anchor text property − Live Demo example site example Click the buttons to set and get the type attribute. GetType SetType    function getType1() ... Read More

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 More

The HTML DOM search property associated with the anchor tag () returns the query string part of the href property value. The query string part is after the ? in a url and is usually used to pass information to the server. It is used when a get request is sent to the server and information is embedded in cleartext in the link.SyntaxFollowing is the syntax fora) Returning the search propertyanchorObject.searchb) Setting the search propertyanchorObject.search = querystringExampleLet us see an example of HTML DOM anchor search property − Example Site Click the button to change the querystring part ... Read More