dom属性跟s有什么区别(s属性和dom属性)

<div class="wrap">
      <div id="wrap-con">
        <input type="text" />
        <div class="form-item">1</div>
        <div class="form-item">2</div>
      </div>
    </div>

1、通过id选择器获取,获取的是唯一的值

const wrapDom = document.getElementById("wrap-con");
 console.log(wrapDom);
/*
<div id="wrap-con">
<input type="text">
<div class="form-item">1</div>
<div class="form-item">2</div>
</div>
*/

2、通过class类名,获取的是一个dom数组,所有相同类名元素组成的数组

const formItems = document.getElementsByClassName("form-item");
console.log(formItems[0]);
/*
      <div class="form-item">1</div>
  * /

3、通过标签名,获取的是一个dom数组,所有相同标签元素组成的数组

const inputDoms = document.getElementsByTagName("input");
console.log(inputDoms[0]);
//  <input type="text" />

4、通过es6新方法,querySelectorAll。获取的是一个dom对象数组,所有相同选择器元素组成的数组

const inputDoms2 = document.querySelectorAll("input");
const formItems2 = document.querySelectorAll(".form-item");
console.log(inputDoms2[0]);
console.log(formItems2[0]);
//  <input type="text" />
//   <div class="form-item">1</div>

4、通过es6新方法,querySelector。获取的是一个dom对象

const wrapDom2 = document.querySelector("#wrap-con");
console.log(wrapDom2);
/*
<div id="wrap-con">
<input type="text">
<div class="form-item">1</div>
<div class="form-item">2</div>
</div>
*/
**本论坛部分作品是由网友自主投稿和发布、编辑整理上传,对此类作品本论坛仅供提供学习交流和参考,禁止用户用于商业行为,并请于下载后24小时内删除,若喜欢该作品请联系原作者购买正版。如果您发现论坛上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。
158自学网 » dom属性跟s有什么区别(s属性和dom属性)
关于售后:
(1)、因部分资料含有敏感关键词,百度网盘无法分享链接,请联系客服进行发送;
(2)、所有资料在您未收到之前,都可以联系微信/QQ:406499404,无条件退款
(3)仅支持原渠道退回,微信支付,支付宝退回至您当初选择的付款方式
(4)不用担心不给资料,如果没有及时回复也不用担心,看到了都会发给您的,请放心!
(5)因部份资源来源互联网,本站不担保其完整性,请知悉!

提供最优质的资源集合

立即查看 了解详情
赞助VIP 享更多特权,建议使用 QQ 登录
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡