Common Methods for Javascript DOM operations

The following small series will introduce some common methods for js dom operations. I think it is quite good. Now I will share it with you and give you a reference. Let's take a look at getElementById (): Get the elements in the document with the specified unique ID attribute value.

GetElementsByName (name): returns an array.

GetElementsByTagName (): returns a set of element child elements with the specified tag name.

GetAttribute (): returns the attribute value of the specified attribute name.

document.getElementsByTagName("a")[0].getAttribute("target");

SetAttribute (): Add a specified attribute and assign the specified value to it.

document.getElementsByTagName("INPUT")[0].setAttribute("type","button");

Node attributes:

Node name (read-only): nodeName

Node value: nodeValue

Node Type (read-only): nodeType

Subnode:

Ele. childNodes returns an array

FirstChild

LastChild

Parent node

There is only one parentNode.

Sibling Node

NextSibling the node that follows a node

Previussibling

Insert Node

AppendChild () is inserted at the end

InsertBefore (newnode, node) before the node

Delete a node

RemoveChild (node) returns the deleted node failure and returns null

Replacing element nodes

ReplaceChild (newnode, oldnode) to replace child node objects

Create element nodes

CreateElement ()

Create a text node

CreateTextNode ()

Copy a node

Node to be copied. cloneNode (true/false)

True: copying the current node is extremely sub-node; false: copying only the current node

Some of the above common methods for js dom operations are the full content shared by the editor. I hope to give you a reference and support for PHP.

For more articles on common methods of js dom operations, please refer to the PHP Chinese website!