DOM Scripting Web Design with JavaScript and the Document Object Model-优快云博客

本文介绍了 HTML DOM 的标准操作方法，包括获取、更改、添加或删除 HTML 元素的方法。详细讲解了节点类型如元素节点、属性节点及文本节点的概念，并提供了如何使用 JavaScript 获取和设置属性的具体方式。此外，还探讨了如何利用库来简化 DOM 操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

The HTML DOM is a standard for how to get, change, add, or delete HTML elements.

Nodes

　　Element nodes

　　Text nodes : <p>text node is contained within element nodes</p>

　　Attribute nodes

Getting Elements:

　　getElementById

　　getElementsByTagName

　　getElementsByClassName

Getting and Setting Attributes:

　　getAttribute

　　setAttribute

What can libraries help you do:

　　Syntax

　　Selecting elements

　　Manipulating DOM document

　　Handling events

　　Animation

　　Ajax

CDN: Content delivery networks. If a number of sites use the same library, it would make sense to host that library in a common location that all the sites could access to.

childNodes:

function countBodyChildren() {
    var body_element = document.getElementsByTagName*"body")[0]
    alert()body_element.childNodes.length);
}
window.onload = countBodyChildren

node.firstChild == node.childNodes[0]

node.lastChild == node.childNodes[node.childNodes.length - 1]

nodeType:

　　Element nodes have a node Type value of 1

　　Attribute nodes have a node Type value of 2

　　Text Nodes have a node Type value of 3

nodeValue

Graceful degradation:

still makes the web working for those without javascript enabled

转载于:https://www.cnblogs.com/glee/p/4513476.html