JS HTML DOM方法

由网友 大卫 发布 阅读 1

JS HTML DOM方法

HTML DOM方法是可以对HTML元素执行的操作

HTML DOM属性是可以设置或更改的HTML元素的

DOM编程接口

可以使用JavaScript(和其他编程语言)访问HTML DOM。

在DOM中,所有HTML元素都定义为objects

编程接口是每个对象的属性和方法。

一个属性是一个值,你可以获取或设置(如更改HTML元素的内容)。

一个方法是你可以做的(如添加或删除HTML元素)的动作。

访问DOM

您不必做任何特殊的事情就可以开始使用DOM。

本示例使用该getElementById()方法查找HTML元素(具有id="para"),并将元素内容(innerHTML)更改为“ Hello world”:

<!DOCTYPE html>
<html>


<p id="para"></p>

<script>
document.getElementById("para").innerHTML = "Hello world";
</script>


</html>
测试看看‹/›

在上面的示例中,getElementById()方法innerHTML而是属性

getElementById()方法

访问HTML元素的最常见方法是使用id元素。

在上面的示例中,getElementById()用于id="para"查找元素的方法。

innerHTML属性

获取元素内容的最简单方法是使用innerHTML属性。

innerHTML属性对于获取或替换HTML元素的内容很有用。

完整的DOM参考

有关完整的属性和方法参考,请访问我们的JavaScript DOM参考

参考部分包含所有DOM属性和方法的描述和示例。

JS HTML DOM选择器 JS HTML DOM(文档对象模型)