读取 HTML 内容
在 Javascript 中，我们可以使用多种方法来读取 HTML 的内容，例如使用 document 对象来获取 HTML 元素的内容。以下是一个示例，它使用 innerHTML 属性来获取 div 元素的 HTML 内容：
<p>示例：</p><div id="myDiv">这是一个 div 元素。</div><script>var content = document.getElementById("myDiv").innerHTML;console.log(content);</script>上面的示例中，首先使用 document.getElementById 方法获取 id 为 myDiv 的 div 元素，然后使用 innerHTML 属性获取其中的 HTML 内容，并将其打印到控制台中。
我们还可以使用 document.getElementByTagName 方法获取所有指定标签名称的元素内容。以下是一个示例，它使用 getElementByTagName 方法获取所有的 p 元素，并将它们的内容输出到控制台中：
<p>示例：</p><p>这是第一个 p 元素。</p><p>这是第二个 p 元素。</p><script>var paragraphs = document.getElementsByTagName("p");for (var i = 0; i < paragraphs.length; i++) {console.log(paragraphs[i].innerHTML);}</script>上面的示例中，通过使用 getElementsByTagName 方法获取了所有的 p 标签元素，然后使用 for 循环输出它们的 HTML 内容。
修改 HTML 内容
Javascript 也可以修改 HTML 内容，例如改变元素的样式、属性和内容等。以下是一个示例，它使用 innerHTML 属性来改变 div 元素的内容：
<p>示例：</p><div id="myDiv">这是原始内容。</div><script>document.getElementById("myDiv").innerHTML = "这是新内容。";</script>上面的示例中，使用 innerHTML 属性改变了 id 为 myDiv 的 div 元素的内容。
我们还可以使用 Javascript 来更改元素的属性，如 id、class、src、href、style 等。以下是一个示例，它使用 setAttribute 方法来更改 div 元素的样式：
<p>示例：</p><div id="myDiv">这是一个 div 元素。</div><script>document.getElementById("myDiv").setAttribute("style", "color:red;");</script>上面的示例中，使用 setAttribute 方法更改了 div 元素的样式为红色。
结语
Javascript 是一个功能强大的编程语言，它提供了多种方法来读写 HTML 内容。通过使用 document 对象及其相关方法，我们可以轻松地获取 HTML 元素的内容，并对其进行修改。这不仅可以为网站增加交互性，同时也为 Javascript 开发者提供了更多的可能性。
