JavaScript语言基础---(十二)dom模型

最新推荐文章于 2024-08-02 08:30:00 发布

罗隽_jerChuan

最新推荐文章于 2024-08-02 08:30:00 发布

阅读量299

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_31678809/article/details/71272987

版权

javascript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

DOM—Document Object Model 文档对象模型

   dom技术: 把标记文档变成对象树，通过对这棵树中的对象进行操作(增删改查)，实现对文档内容的操作。
   对dom对象树进行增删改查，产生的效果就是对页面内容进行增删改查!
   文档:html页面，xml文档(文件)

这里写图片描述

试例：

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>湖南城院</title>
  </head>
  <body>
    <div>div区域</div>
    <ul>
       <li>菜单1</li>
       <li>菜单2</li>
    </ul>
    <table>
       <tr>
         <td>姓名</td>
         <td>年龄</td>
       </tr>
       <tr>
         <td>Jack</td>
         <td>20</td>
       </tr>

    </table>
    <form action="/abc">
       name:
       <input type="text">
    </form>
    <a href="1.html">查看</a>

  </body>
</html>