最新的Web开发教程
 

JavaScript - HTML DOM方法


HTML DOM方法是你可以(在HTML元素)执行操作

HTML DOM属性 (HTML元素),您可以设置或更改。


DOM的编程接口

中的HTML DOM可以用JavaScript(以及与其它的编程语言)来访问。

在DOM中,所有HTML元素被定义为对象

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

属性是你可以获取或设置(如更改HTML元素的含量)的值。

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


下面的示例更改内容( innerHTML了的) <p>使用id =“演示”元素:

<html>
<body>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>

</body>
</html>
试一试»

在上面的例子中, getElementById是一种方法 ,而innerHTML是一个属性


getElementById方法

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

另外,在上述的例子中getElementById方法中使用id="demo"找到的元素。


innerHTML属性

得到的元件的内容的最简单的方法是通过使用innerHTML属性。

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

innerHTML属性可以用来获得或改变任何HTML元素,包括<html><body>