javascript dom manipulation

Non-modal dialog box: Window.showmodelessdialog ("url", "Value passed to target dialog box", "window feature parameter")var a = window.dialogargument; You can use a parameter to get the values passed by the modal or non-modal dialog box.3. window.history ObjectWindow.history.back (); page back;Window.history.forward (); page forward;Window.history.go (n); n If a positive number represents the forward n pages, n is a negative number that represents back n pages, which is commonly used.4. window.

Dom manipulation of JavaScriptThe basic concept of DOMDom is the Document Object model, which is a tree model; a document refers to a label document; An object is a document; A model refers to something that is abstracted.Windows Object OperationsProperties and MethodsProperty (value or sub-object)Opener: Opens the source window of the current window, or Opener is null if the current window is open for the

1. Selection of DOM elementsSummed up mainly these severalRun effectThe above are all direct lookups, the following are indirect lookupsParentNode //parent node childnodes// All child nodes FirstChild //first child node LastChild //Last child node nextsibling // Next sibling node previoussibling //Previous sibling node these are parentelement //parent node tag elements that contain text childr

: Confirmation Box prompt: prompt Boxbasic Syntax: Data type (string, Decimal, Integer, Boolean, Time)Var,var s = "3.14"; var n = parsefloat (s);; s + = 5;var d = parseint (s);IsNaN (string): A string that determines whether it is a digital shape;-false; not-trueoperators: Four categoriesAn expression:statements: Three major classes (sequential, branching, looping)Branch:if () {}; If...else ...; If...else If...else If ... else;ifNestingcycle: Exhaustive, iterative; four elements (initial condit

HTML DOM (Document Object model)When a Web page is loaded, the browser creates a Document object model for the page.The HTML DOM model is constructed as a tree of objects.Windows Object Operations window.open ()-Open a new window Window.close ()-Close the current window 1.windows.open ("Part I", "second part", "Part Three", "Part IV")The first part: Write page address URLThe second part: _

The DOM Document Object model is an application interface (API) for HTML and XML, and the DOM plans the entire page as a document composed of node hierarchies. DOM objects give developers access to HTML and enable developers to process and view HTML as XML documents. A DOM object is a language-independent API, meaning

the text content of the//text node or comment node nodeName //element's label name (such as P,span, #text ( Text node), DIV), denoted in uppercase //note, the above 6 methods even element nodes are counted as one node(2) document as an element tree firstelementchild //First child element node lastelementchild //Last child element node Nextelementsibling //Next sibling element node previouselementsibling //Previous sibling element node childelem

First, document.getElementById () Gets the element node by ID first Apple second Apple function () { var str = document.getElementById ("P1"). InnerHTML; alert (str); // pop up I'm the first Apple }Second, Document.getelementsbyname () Gets the element node according to the name first Apple second Apple function fun1 () { var username = Document.getelementsbyname ("UserName") [0].value;

Tag:javascript object html Dom manipulation of JavaScript

available.Window.settimeoutFour, Operation styleThis element is first found using the ID of the element and stored in a variable:var a = document.getElementById ("id");You can then manipulate the attributes of the element:A.style. style = ""; Manipulate the properties of this ID style.Styles are styles in CSS, and all styles can be manipulated in code.document.body.style.backgroundcolor= "COLOR"; The background color of the entire window.Action style class:a.classname= "style sheet ClassName" A

such as oldchild to save the removed node and, if necessary, to re-add it to the document.4>replacechild ()Replaces another node with one node and returns the node being replaced. Syntax var replacednode = Parentnode.replacechild (NewChild, oldchild);As above, replace Oldchild with Newchild.5>clonenode ()The node calls the method and returns a copy of the node. Syntax var dupnode = Node.clonenode (deep);nodeThe node that will be cloned, dupNode clone the generated replica node, and deep optio

belongs to a parent node;PreviousSibling-Returns the previous sibling node of the target node, or null if there are no nodes in front of the target node that belong to a parent node;ParentNode-The returned node is always an element node, because only the element node is likely to have child nodes, and the document node returns null;JavaScript Operations Dom establishes an additional delete clone Access nod

, the first is the node to be inserted, the second indicates which node precedes it, and if it does not pass in the second argument, it is the same as appendchild and is placed last. After execution, the HTML code is:Ten, delete and replace nodes.1, removechild (); Called by the parent element to delete a child node. Note that the immediate parent element is called, and deleting the immediate child element is effective, and deleting the grandson element has no effect. After execution, the

false, otherwise there will be no result. These two methods are used for timing, which calculates the exact time spent on an operation.Console.time ()Console.timeend ()The time method indicates that the timing begins, and the Timeend method indicates that the timing is complete. Their arguments are the names of the timers. After calling the Timeend method, the console window displays the timer name: the cost ofTime ".Console.profile ()//used to create a new performance tester (profile) whose pa

1D.getfullyear (): Take the Year; D.getmonth (): Take the month, take out the less 1; d.getdate (): Take the day; D.getday (): Take the WeekD.gethours (): Take hours; D.getminutes (): Take minutes; D.getseconds (): Take seconds9. Operation of Mathematical functionsMath.ceil (); the smallest integer greater than the current decimalMath.floor (); The largest integer of the current decimal number of a small fishMATH.SQRT (); open squareMath.Round (); roundingMath.random (); random number, 0-110. E

= Textnode.clonenode (false). NodeValue; var t2 = Textnode.clonenode (true). NodeValue; alert (t1); alert (T2); This is where they will output shadow at the same time. "CloneNode bugs." In the above multi-level linkage, will use CloneNode replication container, but clonenode in IE has a bug: In IE, the attachevent is used to bind events to DOM elements, and the events are replicated after CloneNode. The following code can be tested

What can I do with a form in the DOM, and what is the way to do it? This article will share the JavaScript in the DOM of the form operation, the content is very detailed, come together to see it. 1. Get the form Get form elements Use the Forms property in the Document object to get all the form collections for the current HTML pageGet table element elements with

explore further the details of the conversion of the JQuery object to the DOM object.There is a concept in jquery that the 包装集 package set is implemented with a pseudo-array. First look at the definition and traversal of the normal array:var= [‘iceman‘,‘mengzhe‘,‘shoushou‘,‘zhuzhu‘];for (var=0;arr.length; i++{ console.log(arr[i]);}The execution results output four properties in turn, which is the most normal array traversal: Define an array in lit

. in the JAvaScript Loading in XML There are two ways in which a document ① load the same domain XML documentation. ② loads a string representing XML. can take advantage Domapi for XML (in some ways XML is used to store data, which allows the user to customize markup in XML) the operation. DOM serialization of objects becomes XML string. is to speak the XML file content of all parties as a string. this

the same domain XML documentation. ② loads a string representing XML . can use Domapi for XML (in some ways XML is used to store data, allowing users to define their own tags in XML) the operation. DOM serialization of objects becomes XML string. is to say XML the file content of all parties as a string. this is to put a XML The document is exported as a string. The production of XPath technology:because the use getElementById or Get Elementbytagname