熊猫923 2022-04-12 10:18 采纳率: 41.7%
浏览 44
已结题

dom是一段html代码,jq可以$(dom) 获取到这个对象,原生怎么获取?

dom是一段html代码,jq可以$(dom) 获取到这个对象,原生怎么获取?

  • 写回答

2条回答 默认 最新

  • 门前大桥下. 2022-04-12 13:43
    关注

    通过ID获取

    <div id="box"></div>
    document.getElementById('box')
    

    通过类名

    <div class="box"></div>
    document.getElementsByClassName('box')
    
    

    通过标签名

    <div class="box"></div>
    document.getElementsByTagName('div')
    
    

    通过name属性

    <input name="passwd" value="12"/>
    document.getElementsByName('passwd')
    
    

    通过选择器获取一个元素

    <div class='fa'>
      <p class="son">
        <span></span>
      </p>
    </div>
    document.querySelector(".fa > .son")  返回一个元素
    
    

    通过选择器获取一组元素

    <div class='fa'>
      <p class="son">
        <span></span>
        <span></span>
        <span></span>
      </p>
    </div>
    document.querySelectorAll(".fa > .son > span")  返回一个数组 [span1,span2,span3]
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 4月21日
  • 已采纳回答 4月13日
  • 创建了问题 4月12日

悬赏问题

  • ¥15 求小游戏炸弹人中关于敌人的C++代码
  • ¥15 拿到这个服务器最高权限有偿
  • ¥50 来个抓app跳转支付宝转链接的
  • ¥15 remotes安装提示没有description文件
  • ¥15 AttributeError: 'NoneType' object has no attribute 'drop_duplicates'报错
  • ¥15 以下代码,运行结果报错
  • ¥15 Vivado仿真数据出错
  • ¥15 银河麒麟不支持vant等前端框架怎么办?
  • ¥15 vue3的子组件在父页面调用不显示不生效问题
  • ¥15 cadence PEX