js日记之Dom

最新推荐文章于 2021-08-19 22:25:23 发布
最新推荐文章于 2021-08-19 22:25:23 发布
阅读量88 收藏
点赞数
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_53438035/article/details/116245204
版权

Dom

在这里插入图片描述

在这里插入图片描述

强调一下内容：
文档：一个页面就是一个文档，DOM中使用document表示、
元素：页面中的所有标签都是元素，DOM中使用element表示
节点：网页中所有内容都是节点（标签、属性、文本、注释等），DOM中使用node表示

我们获取过来的DOM元素都是一个对象

小白白中之白
关注
专栏目录
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.3
10-30
在 YAHOO.util.Dom 中能发现很多有趣的东西。下面先说下 toCamel 的函数，感谢 小马 帮助我理解了这个函数。toCamel 把指定名称替换为驼峰写法，比如把 border-width 替换为 borderWidth 。
javascript YUI 读码日记之 YAHOO.util.Dom - Part.4
10-30
总的来说，`YAHOO.util.Dom.getXY`函数的实现充分展示了JavaScript跨浏览器开发中的一个常见挑战：如何在各种浏览器的差异下保持代码的可预测性和一致性。通过对各种浏览器特性的检测和利用，以及对特殊情况的精细...
YUI 读码日记之 YAHOO.util.Dom - Part.1
10-30
DOM 操作是学习 Javascript 很重点的一块。YUI 提供了丰富的 DOM 操作接口，它们定义在 %BUILD%/dom/dom.js 中（封装成 YAHOO.util.Dom）。由于 DOM 操作比较重要，我计划将其分成几个 Part 分析。
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
10-30
在深入探讨JavaScript YUI库的YAHOO.util.Dom模块之前，我们先要理解一个关键函数：`batch`。`batch`函数是YUI Dom库的核心功能，它允许开发者以一种高效的方式处理单个DOM元素或一组DOM元素。这个函数的主要作用...
javascript YUI 读码日记之 YAHOO.util.Dom – Part.4
12-07
var getXY = function() { // 判断是否是 IE if (document.documentElement.getBoundingClientRect) { // 注1 return function(el) { var box = el.... return [box.left + Y.Dom.getDocumentScr
js取绝对值的两种方法
热门推荐
m0_53438035的博客
08-18 1万+
1：Math.abs(); 2：a>0?a:-a
块级作用域和函数作用域
m0_53438035的博客
08-03 2183
函数作用域与块级作用域 函数作用域：在函数内部声明的变量只能影响到变量所在函数体本身，无法从外部对函数内部的变量进行调用，被称为‘函数作用域’ 块级作用域：ES6 引入了 let 和 const 关键字，JavaScript 也有了块级作用域。当代码块中存在 let 或 const，这个代码块就成为了块级作用域。ES6 的块级作用域必须有大括号，如果没有大括号，JavaScript 引擎就认为不存在块级作用域。(即定义变量和使用变量只能在同一个{}里) var,let,const的区别 var var没有块
property和attribute，以及获取设置属性
m0_53438035的博客
07-28 545
在这里插个眼，说实话，没太明白 区别和相同 一般的内联属性为property和attribute共有，但自定义属性（内联样式中）为attribute所有。 attribute中的class在property中叫做className（在取值和赋值时注意） 取值和赋值（设值）的区别： 3.1.attribute的取值和赋值:getAttribute(‘属性名’,‘属性值’)，setAttribute(‘属性名’,‘属性值’) 3.2.property的取值和赋值分别为:变量=对象.属性;对象.属性=属性值（不
js之无法选中文字和禁止右键菜单小案例
m0_53438035的博客
05-04 528
代码： <body> <p>这是一段无法右键复制的文字</p> <p>这是一段无法选中的文字</p> <script> /* 禁止鼠标右键菜单 */ var p=document.querySelectorAll('p') p[0].addEventListener('contextmenu',(e)=>{ e.preventDefau
scrollingElement和documentElement
m0_53438035的博客
08-19 477
区别与相同 scrollingElement在MDN上的解释： 界面的scrollingElement只读属性 Document返回对Element滚动文档的引用。在标准模式下，这是文档的根元素 document.documentElement. 在 quirks 模式下，该scrollingElement属性返回 HTML body元素（如果它存在并且是潜在可滚动，否则返回 null。 documentElement在MDN上的解释： Document.documentElement 是一个会返回文
js中各种宽和高
m0_53438035的博客
08-19 324
屏幕尺寸（screen） window.screen.heiht和window.screen.availHeight window.screen.width=window.screen.availWidth 浏览器尺寸（inner和outer） window.innerHeight和window.outerHeight window.innerWidth和window.outerWidth window.innerWidth会受开发者工具影响 截至上述所有均包含滚动条 页面尺寸（client和off
js小案例之显示隐藏文本框内容
m0_53438035的博客
04-29 292
代码: <body> <input type="text" value="哈哈"> <script> var text=document.querySelector('input'); text.onfocus=function(){ if (text.value=='哈哈'){ text.value=' '; } } &
JS日记之事件三要素
m0_53438035的博客
04-29 270
事件由三部分组成：事件源、事件类型、事件处理程序。 例如： 代码： <body> <button id="btn"></button> <script> var button=document.getElementById("btn"); button.onclick=function(){ alert('哈哈'); } </script> </b
querrySelector()无style
m0_53438035的博客
07-29 266
额，一个小小的问题 发现通过类选择器选择出来没有style属性。 但是写出来还是有效的
parseInt用法
m0_53438035的博客
08-18 255
MDN: 从给定的字符串中解析出的一个整数。 代码： <script> var a=parseInt("100px"); console.log(typeof(a)); </script> 效果：
js日记之节点操作
m0_53438035的博客
05-03 215
睡不着，半夜起来学习–2021年某日凌晨4：02 一：父节点 1：返回父节点 element.parentNode，得到的是离元素最近的父节点。如果找不到则返回为null 代码： <body> <div class="g"> <div class="f"> <div class="s"></div> </div> </div> <scrip
js日记之获取页面元素
m0_53438035的博客
04-29 205
如何获取页面元素 一：根据ID获取 通过getElementById()接口获取，由于文档页面是从上往下加载的，所以得现有标签，我们script写在标签下面 代码： <script> var aa=document.getElementById('a'); console.log(aa); console.log(typeof aa); </script> 效果： 注意： 1.括号内为’id名 2.console.dir（）返回对象
js日记之注册与删除事件
m0_53438035的博客
05-03 145
一：传统注册方式 on开头的事件，例如onclick 特点：注册事件的唯一性（同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数） 代码： 效果： 二：方法监听注册方式 addEventListener(‘事件’,函数) 特点：同一个元素同一个事件可以注册多个监听器，按照注册顺序依次执行；IE9+（之前使用） 一&二代码： <!DOCTYPE html> <html lang="en"> <head> <meta
js判断页面到达底部
m0_53438035的博客
08-18 141
代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&gt
对vue开发进行一周的日记
最新发布
09-06
作为一个 AI 语言模型，我没有实际的经验来记录日记。但是，我可以告诉你，Vue 是一个流行的 JavaScript 框架，它可以帮助开发人员构建交互式的 Web 应用程序。Vue 具有简单易学、灵活性强、性能优异等优点，因此在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值