Học JavaScript qua ví dụ part 71

Sửa đổi DOM (Gắn, sao chép, và xóa các Nodes) Bạn có thể tạo các nút mới, làm cho một bản sao của một nút hiện có, chèn một nút mới trước khi một nút hiện có, loại bỏ một nút, hoặc thay thế một nút. Tất cả điều này có thể vì DOM của W3C giới thiệu các phương pháp để sửa đổi các DOM. Bảng liệt kê các phương pháp 15,6 DOM. | Modifying the DOM Appending Copying and Removing Nodes 629 EXPLANATION continued 3 This p element is also assigned attributes. The dir attribute with rtl means the text will be displayed from the right side of the screen to the left as would be used with Arabic or Hebrew. 4 The getElementById method uses the id of the first paragraph and returns a reference to it. 5 The first paragraph has a dir and style attribute. Using dir and JavaScript can get access to these attributes. 6 The second paragraph has also been assigned attributes. Using the dir and className properties JavaScript can find the direction of the text right to left and the name of the class that is used to style this paragraph. The className property can also be assigned the name of a different class to change the style of the object. The output is shown in Figure . Figure Displaying HTML attributes with JavaScript properties. Modifying the DOM Appending Copying and Removing Nodes You can create new nodes make a clone of an existing node insert a new node before an existing node remove a node or replace a node. All of this is possible because the W3C DOM introduced methods to modify the DOM. Table lists the DOM methods. For a complete list of DOM methods and an excellent resource go to the JavaScript Kit page at http domref . For another great resource on how to modify the DOM go to http tutorials Java-Script dombasics. From the Library of 630 Chapter 15 The W3C DOM and JavaScript Table The DOM Methods Method What It Does appendChild new node Appends a new node onto the end of the list of child nodes. cloneNode child option Makes a clone of a node. hasChildNodes Returns true if the node has children. getAttribute attributeName Returns the value of the attribute of the current node. hasAtrributes Returns a Boolean value if the node has defined attributes. hasChildNodes Returns a .