【1+X证书学习日志——DOM节点的获取】的更多相关文章

1+X证书学习日志——DOM节点的获取

var oBox = document.getElementById('box');//获取ID为box的节点 var aBox = document.getElementsByTagName('div');//获取标签名为div的节点 var oBox = document.querySelector('.wrap'); //获取 ,wrap节点 var aBox = document.querySelectorAll('div');//获取所有div节点 // console.log(aBo…

自定义属性，innerHTML,outerHTML,dom节点的获取，className,tagName,更改或者是获取css属性

01.自定义属性 1.自定义属性: 作用:保存数据 通用的自定义属性的前缀 data-属性="属性值" 注:自定义的属性不能通过 元素.属性 取属性值 ,需使用getAttribute(); 2.自定义属性的获取 元素.getAttribute('data-url'); 3.设置 节点.setAttribute('属性名称','修改后的属性值'): (修改后的属性值是一个变量的时候,不加引号) 4.删除 元素.removeAttribute('data-url'); 简单测试:<…

JS学习之DOM节点的关系属性封装、克隆节点、Dom中Style常用的一些属性等小结

JS DOM节点: 在JS DOM中节点的关系被定义为节点的属性: 通常有以下几种节点之间的关系: (这里的关系是所有浏览器都支持的) parentNode    父节点 childNodes    子节点 firstChild    父节点里的第一个子节点 lastChild     父节点里的最后一个子节点 nextSibling    与子节点并列的下一个兄弟节点 previousSibling   与子节点并列的上一个兄弟节点 火狐与谷歌支持而ie8不支持的节点关系有: previous…

(转载)html dom节点操作(获取/修改/添加或删除)

DOM 是关于如何获取.修改.添加或删除 HTML 元素的标准,下面为大家介绍下html dom节点操作,感兴趣的朋友可以参考下   HTML DOM 是关于如何获取.修改.添加或删除 HTML 元素的标准.在 HTML DOM 中,所有事物都是节点.DOM 是被视为节点树的 HTML. 根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点: 整个文档是一个文档节点 每个 HTML 元素是元素节点 HTML 元素内的文本是文本节点 每个 HTML 属性是属性节点 注释是注…

DOM节点中获取文本易混淆的属性

DOM 节点中对于获取文本易混淆的属性,innerText, innerHTML, outerHTML, textContent, nodeValue. 一个实例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>innerText 与 textContent 的区别</title> </head&…

DOM节点的获取

  document.getElementById();//id名,在实际开发中较少使用,选择器中多用class  id一般只用在顶级层存在 不能太过依赖id document.getElementsByTagName();//标签名 document.getElementsByClassName();//类名 <input type="text" ref="input1"/> 我们就不需要在获取dom节点了,直接在上面的input上绑定input1,然…

1+X证书学习日志——javascript基础

js javascript js的组成: ECMAscript DOM BOM js放置的位置 <script></script> <script src="路径"></script> js输出语句 document.write() //在页面输出 console.log() //在控制台输出 [调试程序] alert() //弹窗 [阻塞程序运行] 变量: 声明变量: 关键字:var let const var 变量 = 值; 数据类型…

1+X证书学习日志——css 2D&过渡

css 位移常用属性 transform:translate(x,y): transform:translateX(); transform:translateY(); 旋转属性 2d旋转: transform:rotate(): /*绕着中心点转动*/ transform:rotateX(): /*绕着X轴转动*/ transform:rotateY(): /*绕着Y轴转动*/ 变形原点: transform-origin: X轴位置 Y轴位置: 缩放属性 transform:scale();…

1+X证书学习日志 —— css样式表

## 因为初级的内容较多,所以选了一些有用的 需要记忆的内容写下 方便日后回顾 CSS语法   选择符{属性:属性值;} ##             所有的css代码 都要放在css样式表里面                 1:内部样式表  在head里面添加 style标签                 2:外部样式表                       连接外部样式表                         <link rel="stylesheet" …

1+X证书学习日志——函数

工具得特点: 1:重复性使用 2:隐藏内部原理(细节) 3:选择性应用 创建函数: 1:关键字 function 函数名称(){ } 2:字面量创建 var fn = function(){ } 3:构造函数 var fn = new Function(); 函数得调用: 1:函数名() 2:事件驱动 document.onclick = function(){ 函数名(): } 参数: 实参 [函数在调用得时候传递得参数] 形参 [函数在制定得时候传递的参数,变量] function fn(形…