JavaScript菜鸟教程

JavaScript 对象

JavaScript 函数

JS HTML DOM

JS 浏览器BOM

AJAX 菜鸟教程

JavaScript 参考手册

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属性和方法的描述和示例。