分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

js 获取节点方法

发布时间:2023-09-06 02:13责任编辑:熊小新关键词:js

旧版本获取节点
1、获取body
        console.log(document.body);

2、获取img
        console.log(document.images);

3、获取a标签
        console.log(document.links);

4、获取含有name属性的a标签
        console.log(document.anchors);

5、获取form标签


        console.log(document.forms);

获取节点的方法
新版本获取节点的方法:DOM2
1、通过id获取,可以交给一个变量保存(括号里写id名)


        let a = document.getElementById("box");
        console.log(a);
 2、通过class获取(获取到的是数组)


        console.log(document.getElementsByClassName("1"));
3、通过标签名获取(获取到的是数组)


        console.log(document.getElementsByTagName("div"));
4、通过name属性获取(获取到的是数组)


        console.log(document.getElementsByName(2));

 html5获取节点方法
 1、获取到的是满足选择器的第一个标签(括号里写css选择器)


        console.log(document.querySelector(".box1>p"));


 2、获取到的是数组(括号里写css选择器)


        console.log(document.querySelectorAll(".box1>p"));

js 获取节点方法

原文地址:https://www.cnblogs.com/badren/p/9575746.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved