【querySlector】的更多相关文章

getElementById() getElementsByTagName() getElementsByClassName() querySlector() querySlectorAll()区别

1. getElementById() getElementsByTagName()  javascript原生的方法,这两个不会有兼容性问题. 2. getElementsByClassName()是HTML5的DOM API ,IE8及以下不支持(不支持HTML5的浏览器). 对于现代浏览器,document.getElementsByClassName( 'wrap' )获取的是DOM中所有class为wrap的元素 在IE8及以下,可以模拟实现这种效果 function getEleme…

querySlector

在传统的 JavaScript 开发中,查找 DOM 往往是开发人员遇到的第一个头疼的问题,原生的 JavaScript 所提供的 DOM 选择方法并不多,仅仅局限于通过 tag, name, id 等方式来查找,这显然是远远不够的,如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则表达式,或者使用某个库.事实上,现在所有的浏览器厂商都提供了 querySelector 和 querySelectorAll 这两个方法的支持,甚至就连微软也派出了 IE 8 作为支持这一特性的代表,quer…

js011-DOM扩展

js011-DOM扩展 本章内容 理解Selecters API 使用HTML5 DOM扩展 了解转悠的DOM扩展 11.1选择符API JS中最常用的一项功能,就是根据css选择符选择与某个模式匹配的DOM元素. 11.1.1 querySlector()方法 该方法接收一个css选择符,返回与该模式匹配的第一个元素,如果没有找到匹配的元素,返回null 取得body元素 var body = document.querySlector("body"); 取得id为myDiv的元素…

javascript入门知识点总结(一)

学了几天javascript,现总结一下原生javascript的基本知识点. 一.javascript基本知识 变量 定义: var a = 123; var b = 'abc'; //连写 var a = 123,b=456; 注意:js为弱类型的解释型脚本语言,使用var关键字定义一个变量,数据类型自动判断. 注意:每句代码后可以不写分号,换行即可,习惯上最好加上,增强可读性. 变量类型: number:数字类型 string:字符串类型 boolean:布尔类型 undefined:未定…

python基础整理3——前端

html概述和基本结构 html概述 HTML意思是超文本标记语言 html基本结构 一个html的基本结构如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>网页标题</title> </head> <body> 网页显示内容 </body> </html&…

JS——两个原生选择器

1. document.querySlector() 2.document.querySlectorAll() <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>新增选择器</title> <script type="text/javascript"> window.onlo…

关于JavaScript 基础总结

Dom:document object model 即文档对象模型 Bom: browser object model 即浏览器对象模型 文档对象模型即与文本密切相关,比如document.querySelector(https://www.jkys120.com/article/95495/)之类 浏览器对象模型则是和各个浏览器密切相关,window.onload之类 Js当中的变量定义一律使用var 变量名.即不指定变量的具体类型,而且在js当中,变量是可以先使用再声明的.编译器默认会将变量…

【JavaScript】JS从入门到深入（复习查漏向

[JavaScript]JS从入门到深入(复习查漏向 pre 精细得学过一遍JS后才发现,原来之前CTF中有些nodejs的题目以及一些游戏题的payload就变得很好理解了. 基础知识 ECMAScript标准 -- ES标准 编写位置 外联文件 <script src="引入的文件位置"></script> 内联文件 <script type="text/javascript"> js代码 </script> 内嵌…