DOM操作一些常用的属性汇总

这是一篇关于DOM操作的重要属性的精彩文章。它以清晰明了的方式，详细阐述了如何通过DOM操作来处理和修改HTML文档的内容与样式。

DOM（文档对象模型）是访问和处理HTML文档的标准方法。它将HTML文档呈现为一个包含元素、属性和文本的树形结构，使得我们可以使用编程的方式来操作网页内容。

文章介绍了如何通过ID获取元素。这是非常直观和实用的方法，我们可以通过特定的ID来定位和访问HTML元素。文章还强调了不要忘记在获取元素时加上document对象的重要性。

接下来，文章深入了innerHTML属性。这个属性可以获取或替换HTML元素的内容。通过示例代码，文章展示了如何使用这个属性来修改网页上的内容。也强调了Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。

文章介绍了如何改变HTML样式。通过Object.style.property语法，我们可以轻松地修改HTML元素的样式。文章通过示例代码展示了如何使用这个语法来修改元素的颜色、背景颜色和宽度等样式属性。也强调了在使用style属性时，不要忘记在每个样式属性后面加上分号。

这篇文章提供了对DOM操作的全面介绍，包括常用的属性和方法。它结合示例代码，使得读者可以更容易地理解和应用这些知识。对于想要提高DOM操作水平的人来说，这篇文章是一篇非常不错的学习资源。

网页元素的显示与隐藏以及className属性

在网页设计中，我们经常需要控制元素的显示与隐藏，以及改变元素的外观。这可以通过操作HTML元素的display属性和className属性来实现。

一、display属性

display属性是CSS中非常重要的一个属性，它可以控制HTML元素的显示与隐藏。其语法为：Object.style.display=value。在网页中，我们可以通过JavaScript来动态地修改这个属性，实现元素的显示与隐藏。

比如，下面的代码中，我们定义了两个函数hidetext()和showtext()，分别用于隐藏和显示ID为"con"的HTML元素：

```javascript

```

其中，display的值为none表示元素隐藏，值为block表示元素显示。

二、className属性

className属性用于获取或设置HTML元素的class属性，它可以通过指定一个CSS样式来改变元素的外观。语法为：Object.className=classname。

以下面的例子为例，我们为网页中的两个段落元素分别添加了不同的样式：

```html