dhtml api_API

DHTML（Dynamic HTML）是一种使用JavaScript、CSS和HTML技术创建动态交互式网页的方法，它允许开发者在不重新加载整个页面的情况下，通过修改DOM（文档对象模型）来改变网页的内容、样式和行为。

以下是一些常用的DHTML API：

1、DOM操作API：

getElementById(id): 根据元素的ID获取元素节点。

getElementsByTagName(tagName): 根据标签名获取元素节点列表。

getElementsByClassName(className): 根据类名获取元素节点列表。

createElement(tagName): 创建一个新的元素节点。

createTextNode(text): 创建一个新的文本节点。

appendChild(node): 将一个节点添加到指定节点的子节点列表末尾。

insertBefore(newNode, referenceNode): 在参考节点之前插入一个新节点。

removeChild(node): 从DOM中删除一个子节点。

replaceChild(newNode, oldNode): 用新节点替换旧节点。

2、CSS操作API：

style.property: 获取或设置元素的样式属性值。

element.setAttribute('style', styleString): 设置元素的样式属性。

element.classList.add(className): 向元素添加一个类名。

element.classList.remove(className): 从元素中移除一个类名。

element.classList.toggle(className): 切换元素的类名状态。

3、事件处理API：

element.onclick = function() {...}: 为元素添加点击事件处理函数。

element.addEventListener(event, function, useCapture): 为元素添加事件监听器。

element.removeEventListener(event, function, useCapture): 移除元素的事件监听器。

4、AJAX（异步JavaScript和XML）API：

XMLHttpRequest: 用于与服务器交换数据的对象。

fetch(url, options): 用于发起网络请求并返回Promise对象的函数。

5、动画API：

window.requestAnimationFrame(callback): 请求浏览器在下一次重绘之前调用指定的回调函数更新动画。

element.animate(keyframes, options): 对元素执行关键帧动画。

6、表单验证API：

element.checkValidity(): 检查表单元素是否有效。

element.setCustomValidity(message): 设置自定义的有效性消息。

这些API可以帮助你实现各种动态效果和交互功能，使网页更加生动和有趣。