![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Javascript
文章平均质量分 59
初露微微
许个愿望,国泰民安,万物和谐。
展开
-
[JavaScript]Dom_创建带文本的元素节点
1、相关方法简介 1、write()方法:可以把任意字符串插入到文本中 2、createElement() 【格式】document.createElement(标签名) 3、appendChild() 【格式】parent.appendChild(newNode) 功能:将newNode插入到parent子节点的末尾。 4、createTextCode() 【格式】document.createTextCode(文本) 功能;创建文本节点。1、write()方法<!DOCTY原创 2021-08-30 20:18:33 · 1260 阅读 · 0 评论 -
[JavaScript]Dom_了解元素节点属性
childNodes 获取当前元素节点的所有子节点 ,包含两种节点类型1、元素节点2、文本节点 Dom 节点类型元素节点 文本节点 属性节点【注】 节点可以元素节点、属性节点和文本节点,而这些节点又有三个非常有用的属性分别为:nodeName节点名称、nodeType节点类型、和nodevalue节点的值 nodename:节点名称,只读元素节点的nodeName与标签名相同属性节点的nodeName是属性的名称文本节点的node原创 2021-08-27 14:48:12 · 154 阅读 · 0 评论 -
[JavaScript]Dom_attribute相关方法
晚安1、两种方法定义set/getAttiribute()removeAttribute()[注] 以上方法都是操作元素节点中某个属性的。2、两种方法用法和比较// 用以前的方式获取元素 window.onload=function(){ var ox=document.getElementById("div1"); // 用以前的方式获取元素 alert(ox.title); 输出"you" alert(ox.className);输出"hello" .原创 2021-08-24 22:49:11 · 261 阅读 · 0 评论 -
[JavaScript]Dom—获取当前样式
wanan1、获取行间样式当我们获取页面样式时,可以通过以下方式,但是以下方式只能获取行内样式,而无法获取行外或者外联样式。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Dom—获取当前样式</title> <style> #Div1{ background-color: red; height: 300px;.原创 2021-08-22 23:07:33 · 784 阅读 · 0 评论 -
[JavaScript]了解Dom_封装函数
日常摸鱼,偶尔学习…1.获取行内样式获取行内样式可以通过一下方式,但是以下的方式对于页面的行外样式和外联样式无法获取。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Dom—获取当前样式</title> <style> #Div1{ background-color: red; height: 300px; }.原创 2021-08-22 19:02:22 · 203 阅读 · 0 评论 -
[JavaScript]了解Dom_Byclassname
此处省略一万零一的字…node.getElementsByClassName()用法 功能:获取node节点下,所有符合条件的元素节点。参数:class返回值:所有符合条件的元素节点组成的数据。[注]:getElementsByClassName()在低版本的IE浏览器不适用(因为浏览器兼容性原因)<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title&.原创 2021-08-18 19:17:44 · 132 阅读 · 0 评论 -
[JavaScript]了解Dom_Byname
此处省略一万零一的字…document.getElementsByName()用法 [参数]:name的值// [返回值]:装有符合条件的元素节点的数组// [注]:name属性一般情况下,只有文本输入框的元素节点才有 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>了解Dom_Byname<.原创 2021-08-11 23:08:08 · 118 阅读 · 0 评论 -
[JavaScript]了解Dom_byTagName
生活明朗,万物可爱?document.getElementsByTagName()用法document.getElementsByTagName()[另一种写法]:node.document.getElementsByTagName()[注] 从node节点开始,找出所有符合条件的元素节点。[作用]:获取当前页面上所有符合该标签名标准的元素节点[参数]:标签名[返回值]:一个装有符合条件的元素节点的数组 <!DOCTYPE html><html> .原创 2021-08-10 23:09:14 · 109 阅读 · 1 评论 -
[JavaScript]了解Dom中_byid元素节点属性
生活明朗,万物可爱?1、 document.getElementById(id)用法1、 document.getElementById(id);[作用] 通过当前元素节点的id,获取对应的元素节点 2、元素节点属性通过这个节点对象,访问它的一系列属性。tagName 获取元素节点的标签名innerHTML 获取元素节点标签中的内容,解析标签 3、HTML中的属性和方法idtitlestyleclassName 对应的是class访问这些节点的方法元素.原创 2021-08-10 10:47:08 · 884 阅读 · 0 评论 -
[JavaScript]初识Dom
生活明朗,万物可爱?1、 Dom的定义DOM document object model 文档对象模型的缩写 [注] 根据W3C DOM规范,DOM是一种与浏览器,平台,语言无关的接口,使得你可以访问页面其他的标准组件。 [作用] 它允许程序和脚本动态的访问和更新文档的内容、结构和样式。2、Dom中节点的分类 html+css 组成我们页面中的内容js 组成当前页面交互行为的一些操作[注] Dom是打通html、CSS和js壁垒的一个工具。 .原创 2021-08-08 21:56:00 · 99 阅读 · 0 评论 -
[JavaScript] setInterval()、clearInterval()、innerHTML用法以及定时器实现
生活明朗,万物可爱?1、 setInterval()、clearInterval()、innerHTML用法1、setInterval()函数讲解 [格式] setInterval(函数/匿名函数,毫秒数)[功能] 每隔所传参数的毫秒数,就调用一次所传参数的函数。相当于定时器的作用[语法] setInterval(code,millisec[,“lang”])参数 描述code 必需。要调用的函数或要执行的代码串。millisec 必须。周期性执行或调用 code 之间的时间.原创 2021-08-08 10:50:28 · 424 阅读 · 0 评论