JavaScript学习之JavaScript HTML DOM

2025-05-21 03:02:51

学习JavaScriptHTML DOM，我们可访问 JavaScript HTML 文档的所有元素。HTML DOM （文档对象模型）。当一个网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。HTML DOM 模型被构造为对象的树。本文向大家介绍下HTML学习中DOM的相关知识。

工具/原料

JavaScript编辑器

查找HTML元素

1、通过 JavaScript，我们需要操作 HTML 元素。在这里，我们提供有两种方法来查找HTML元素：1、通过 id 找到 HTML 元素2、通过标签名找到 HTML 元素下面我们详细介绍这两种方法。

3、通过标签名查找 HTML 元素代码如下：<!DO觊皱筠桡CTYPE html><html><body><稆糨孝汶;p>Hello World!</p><div id="main"><p>The DOM is very useful.</p><p>本例演示 <b>getElementsByTagName</b> 方法。</p></div><script>var x=document.getElementById("main");var y=x.getElementsByTagName("p");document.write('id 为 "main" 的 div 中的第一段文本是：' + y[0].innerHTML);</script></body></html>

2、改变 HTML 内容修改 HTML 内容的最简单的方法时使用 innerHTML 属性。如需改变 HTML 元素的内容，请使用这个语法：document.getElementById(id).innerHTML=new HTML本例改变了 <p> 元素的内容：

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。