dom manipulation javascript tutorial

Html dom tutorial 46-JavaScript Boolean object 　　A Boolean object is a basic data type of JavaScript. 　　A Boolean object is a Boolean object that packages a Boolean value.1: Boolean object Method Method Description FF N IE ToSource () Source code of the object 1 4 - T

HTML Dom tutorial 48-javascript math object Math objects are not classes of objects like date and string, so there is no constructor math (). functions like math. Sin () are just functions, not methods of an object. 1: Math object Method Method Description FF N IE ABS (X) Absolute Value of the returned number 1

HTML Dom tutorial 45-javascript array object 1: array object Method Method Description FF N IE Concat () Concatenate two or more arrays and return results. 1 4 4 Join () Put all elements of the array into a string. The elements are separated by the specified delimiter. 1 3 4

1 Set node properties three methods:Get: getattribute (name)Setting: SetAttribute (name, value)Delete: RemoveAttribute (name)As an example:window.onload=function () { varElenode = document.getElementsByTagName ("img") [0]; //1. Element node. Attribute or element node [properties]ELENODE.SRC = "Image/aaa.png"; ELENODE.AAA= "BBB"; Console.log (ELENODE.AAA); Console.log (ELENODE.SRC); Console.log (Elenode.tagname); Console.log (elenode["Title"]); Console.log (ele

elementElement.srcThe above method can be found to get some object properties and can be implemented using DOM Core or html_dom implementation, compared to the html_dom implementation is relatively short, but it can only be used to work with Web documents.3.css_domCss_dom is a CSS-based operation, in JavaScript in China, the main function of Css_dom technology is to get and set the various properties of th

// location.href = ' http://www.imdsx.cn ' // " Span style= "COLOR: #008000" > redirect Location.reload () // refresh location.href = Location.href // refresh TimerSetInterval (function, time)//set the timer to execute once every timeclearinterval (intervalobj)//Clear Timer functiontimeinterval () {varSetint = SetInterval (function() {Console.log (1); //execute once to end a scheduled taskclearinterval (Setint)},1000)} setTimeout (function, time)//set the timer, after the page lo

* Example:element.parentNode.setAttribute ("id", "Bannerul");3. Create a NodeCreateElement ()//Create an element with a label named TagNamecreateTextNode ()//Create a text node that contains textual textCreatedocumentfragment ()//Create Document fragmentation node* Example:document.createElement ("P");* Example:document.createTextNode ("Hellow World");* Document.createdocumentfragment () is to save the use of DOM. Each

property (Ie10 below) Add a method Add (Class1, Class2, ...) to add one or more class names to the element. Use the [JavaScript] view plain Copy to view the code slices on codes to derive to my Code slice document.getElementById ("id"). Classlist.add ("A", "B", "C" ) ); Added three classes to DOM object if you need to erase all of the original, re-add the method of using the assignment [

instances.Htmlcollection:getelementsbytagname,getelementsbyclassname,getelementsbytagnamens, Document.forms and so on are returning htmlcollection instances.NamedNodeMap: Represents a collection of attribute node objects, Ele.attributes returns NAMEDNODEMAP instancesQueries that run in real time when the DOM document is accessed, so the following code causes an infinite loop.var divs = document.getelementsbytagname (' div '), I,div; for (i = 0;i) {

first, the basic Operation 1.html () Use the HTML () method to read or set the InnerHTMLof the element. is the equivalent of a innerhtml inside JavaScript. 2.text () Use the text () method to read or set the innertext of the element. is the equivalent of a innertext inside JavaScript. 3.attr () Use the attr () method to read or set the attributes of an element, and to manipulate it with at

; Gets the state of the checkbox true to tick the action individual style style.xxx // Manipulating styles is more granular, manipulating individual style properties, or adding a style property to a label Style.backgroundcolor //Example: Styles in CSS can be connected through "-", in JavaScript, all "-" are removed, "-" capitalization Action property Note: CSS style with-, in JS need to-remove, at the same time will-the first letter in the back, su

jquery Gets the parent node, the sibling node, and inserts the content within the node.①$ ("#test1"). Parent ()//②$ ("#test1"). Next ()//Next node ③$ ("#test1"). Append (' Summary: At the time of writing JS, we must first determine whether the JavaScript or jquery, because the two different ways, the method name is not the same, can not be mixed.jquery DOM Element manip