JavaScript修炼之路-筑基篇(六)Web APIs、Dom及元素获取

本文介绍了JavaScript中操作DOM的几种方法,包括getElementById、getElementsByClassName、querySelector和querySelectorAll等,以及如何获取body和html元素。通过这些API,开发者可以方便地访问和操作网页中的元素。
摘要由CSDN通过智能技术生成

目录

(1)document. getElementById('id');

(4)document.getElementsByClassName('类名');  //根据类名返回元素对象合集

(5)document.querySelector('选择器');        //根据选择器返回 第一个元素  的对象


  • js中DOM页面文档对象模型(Document Object Model)BOM游览器对象模型即为Web APIs。

API即为基于软硬件得以访问一组例程的能力,一个工具,能更轻松的实现想要的功能,Web API是游览器提供的一套操作 游览器功能页面元素 的API。

一般都有输入和输出(函数的传参和返回值),很多都是方法

  • DOM简介:处理可扩展标记语言的标准编程接口,w3c已经定义一系列dom接口,通过这些dom可以改变网页的内容、结构和样式。

    文档document、元素element、节点node(都是对象)根据ID获取:       

(1)document. getElementById('id');

        返回id匹配的元素

<body>

    <div id="time">2021-2-2-2-2-</div>

</body>

<script >

    var times = document.getElementById('time');

    console.log(times);

    console.log(typeof times);//返回的是一个元素对象

    console.dir(times);//返回对象的属性和方法

</script>

(2)getElementsByTagName();可以返回带有指定(整个页面)标签名的对象的集合,以为数组的形式存储

<body>

    <ul>

        <li>12  </li>

        <li>

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

superfortunate

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值