前端技术——Document对象

最新推荐文章于 2024-03-26 23:03:57 发布

涛涛英语学不进去

最新推荐文章于 2024-03-26 23:03:57 发布

阅读量216

点赞数

分类专栏：前端文章标签： Document

本文链接：https://blog.csdn.net/niTaoTaoa/article/details/103249572

版权

前端专栏收录该内容

28 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document对象</title>
</head>
<body>
<div id="div3">div3</div>
<div class="cls1">div4</div>
<div class="cls1">div5</div>
<input type="text"name="username">
<script>
  /*
  * Document 文档对象
  *     1.创建（获取）：在html dom模型中可以使用window对象来获取
  *         1.window.document
  *         2.document
  *     2.方法
  *         1.获取Element对象
  *             1.getElementById(),根据id属性值获取元素对象，id属性值一般唯一
  *             2.getElementsByTagName(),根据元素名称获取元素对象们，方绘制返回值是一个数组
  *             3.getElementsByClassName()，根据Class属性值获取元素对象们，返回值是一个数组
  *             4.getElementsByName,根据name属性值获取元素对象们，返回值是一个数组
  **        2.创建其他DOM对象
  *               createAttribute(Name)
  *               createComment()
  *               createElement()
  *               createTextNode()
  *     3.属性
  *
  *
  * */
  //2.根据元素名称获取元素对象们。返回值是一个数组
  var divs=document.getElementsByTagName("div");
  //alert(divs.length);
  //3.根据Class属性值获取元素对象们。返回值是一个数组
  var div_cls=document.getElementsByClassName("cls1");
alert(div_cls.length);
  //4.根据name属性值获取元素对象们，返回值是一个数组
  var ele_username=document.getElementsByName("username");
  var table=document.createElement("table");
  alert(table);
</script>
</body>
</html>