首页 > 其他分享 >web APIs获取dom元素

web APIs获取dom元素

时间:2023-07-30 22:23:43浏览次数:28  
标签:web APIs 元素 querySelector dom document

1.获取页面中的标签最常用的两种方式

 

document.querySelectorAll和document.querySelector
  2他们两个区别是什么 document.querySelectorAll可以选择多个元素,得到伪数组,要遍历才能得到每一个元素 document.querySelector只能得到一个元素,可以直接操作 注意:它们里面的小括号里面必须要加' '也就是要写字符串  

 

 

标签:web,APIs,元素,querySelector,dom,document
From: https://www.cnblogs.com/2003wxy/p/17592193.html

相关文章

  • [dom-to-image.js]镜像
    dom-to-image|dom2image|dom-to-img|dom2imggithub原始仓库github原始仓库rowgitee镜像gitee镜像rowdom-to-image压缩版本dom-to-image.min.js-9.06KB点击查看代码/*!dom-to-image10-06-2017*/!function(a){"usestrict";functionb(a,b){functionc(a){retur......
  • CTFer成长记录——CTF之Web专题·19强网杯—随便注
    一、题目链接https://buuoj.cn/challenges#[%E5%BC%BA%E7%BD%91%E6%9D%AF%202019]%E9%9A%8F%E4%BE%BF%E6%B3%A8二、解法步骤  本题考察的是堆叠注入:堆叠注入原理就是通过结束符同时执行多条sql语句;例如php中的mysqli_multi_query函数。与之相对应的mysqli_query()只能执行一......
  • WebSSH之录屏安全审计(三)
    第一篇:Gin+Xterm.js实现WebSSH远程Kubernetes Pod(一)第二篇:WebSSH远程管理Linux服务器、Web终端窗口自适应(二)支持用户名密码认证支持SSH密钥认证支持Web终端窗口自适应支持录屏审计AsciinemaAsciinema是一款开源的终端会话录制工具。官网:https://asciinema.or......
  • React(四):虚拟DOM创建的两种方式
    1.使用js创建虚拟DOM(不推荐使用)<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>js创建虚拟DOM</title><scriptsrc="https://unpkg.com/react@18/umd/react.development.js"></script>......
  • websocket服务端,运行后始终无法连接的解决方案
    javax.websocket.DeploymentException:TheHTTPresponsefromtheserver[404]didnotpermittheHTTP解决办法:少两个文件:WebSocketConfig.java@ConfigurationpublicclassWebSocketConfig{/***注入一个ServerEndpointExporter,该Bean会自动注册使用@Server......
  • 快速上手Webpack打包指南:用简单的步骤掌握Webpack的使用技巧
    目录概念:1.webpack打包简介1.0多个JS文件打包:1.1webpack数组形式1.2webpack对象形式总结Webpack的打包过程可以总结为以下几个步骤:1.入口点配置:在Webpack的配置文件中,我们需要指定一个或多个入口点(entrypoints),这些入口点是我们应用程序的起点,Webpack会从这些入口点开始......
  • Linux 7 网络 webserver服务器开发项目1
    小项目跟QT翻金币差不多1.webserver服务器原理2.html语言基础介绍ps:前端我迟早也要拿下html语言超文本标签语言<><>此处详情查看linux服务器开发中html语言介绍<!DOCTYPEhtml><html><head> <metacharset="utf-8"> <metaname="viewport"content="......
  • CTFer成长记录——CTF之Web专题·buuctf—secretfile
    一、题目链接https://buuoj.cn/challenges#[%E6%9E%81%E5%AE%A2%E5%A4%A7%E6%8C%91%E6%88%98%202019]Secret%20File二、解法步骤  打开网页:  看看源码:  访问下:  继续看源码:  继续访问:  发现并没有跳转到action.php这个地方,而是到了end.php,猜测这里有猫腻......
  • 【jmeter系列】WebService(soap)请求
    一、SOAPWeb服务请求组成Envelope(信封):SOAP消息的最外层包装,用于标识SOAP消息的开始和结束。一个SOAP消息只包含一个Envelope元素。Header(头部):可选的部分,用于包含与消息相关的元数据信息,如身份验证信息、加密方法等。Header元素是Envelope元素的直接子元素。Body(消息体):必......
  • Webpack 入门教程-安装
    Webpack是一个前端资源加载/打包工具。安装Webpack使用cnpm安装webpack:cnpminstallwebpack-g创建项目接下来我们创建一个目录app:mkdirapp在app目录下添加runoob1.js文件,代码如下:app/runoob1.js文件document.write("Itdashu.");app/index.html文件<html>......