javascript事件和节点操作说明

最新推荐文章于 2024-06-09 00:30:00 发布
最新推荐文章于 2024-06-09 00:30:00 发布
阅读量242 收藏
点赞数 1
分类专栏： javascript 文章标签： javascript事件和节点操作说明
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liuwenliang_002/article/details/79929810
版权
javaScript事件处理

load：load事件在浏览器载入文档时触发，如果某事件（如启动定时器，提前加载图片等）要在文档
载入时触发，一般都在<body>标记里面加入类似于"onload"事件的语句；
Resize：resize事件则在用户改变浏览器窗口的大小时触发，当用户改变窗口大小时，有事需要改变
文档页面的内容布局，使其以恰当、友好的方式显示给用户
onload:文档载入事件
onunload:关闭文档事件
onblur：浏览器失去焦点事件
onfocus:获得焦点事件
onscroll:用户拖动了滚动条事件
onresize：用户改变窗口尺寸
浏览器事件一版用于处理窗口定位、设置定时器或者根据喜好设定页面层次和内容等场合，在页面的
交互性、动态性方面使用较为广泛。




DOM中的节点处理方法

生成节点： 
createElement(tagName):创建有tagName指定类型的标记
createTextNode(string):创建包含字符串string的文本节点
createAttribute(name):针对节点创建由name指定的属性，不常用
createComment(string):创建由字符串string指定的文本注解
插入和添加节点：
appendChild(newChild):添加子节点newChild到目标节点上
insertBefore(newChile,targetChild):将新节点newChild插入目标节点targetChild之前
复制节点：
cloneNode(bool):复制节点自生，有逻辑量bool确定是否复制节点
深处和替换节点：
removeChild(childName):删除由childName指定的节点
replaceChild(newChild,oldChild):用新节点newChild替换旧节点oldChild
文本节点操作：
insertData(offset,string):从由offset指定的位置插入string值
appendData(string):将string值插入到文本节点的末尾处
deleteData(offset,count):从由offset指定的位置删除count个字符
replaceData(offset,count,string)：从由offset指定的位置用string代替count个字符
splitText(offset)：从由offset指定的位置将文本节点分成两个文本节
点，左边更新为原始节点，右边的返回到新节点
substringData(offset,count):返回从offset指定的位置开始的count个字符 
30以后的男人
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript变动事件详解（删除节点与插入节点事件）
TalonZhang的博客
11-24 1820
变动事件 DOM2 级的变动（mutation）事件能在 DOM 中的某一部分发生变化时触发。 常见变动事件主要有： DOMSubtreeModified： 在 DOM 结构发生任何变化时触发。这个事件在其他事件触发后都会触发。 DOMNodeInserted： 在一个节点作为子节点被插入到另一个节点时触发。 DOMNodeRemoved： 在节点从其父节点中被移除时触发。 DOMNodeIns...
【JS】Dom节点操作常用方法
m0_48982503的博客
01-14 1569
目录 1.访问/获取节点 1.1 通过顶层document节点获取： 1.2 通过父节点获取： 1.3 通过子节点获取： 1.4 通过兄弟节点获取： 2.创建节点/属性 3.添加节点 4.复制节点 5.删除节点 6.添加文本 1.访问/获取节点 1.1 通过顶层document节点获取： document.getElementById(id);　　　　　 //返回对拥有指定id的第一个对象 document.getEle...
节点，事件
weixin_47739943的博客
09-30 335
节点，事件
事件、属性、节点
MIRACLE_Ying的博客
03-09 212
事件、属性、节点 事件 阻止a标签跳转（三种写法） 第一种：在a标签内部，直接return false； 第二种：在a标签内部调用函数，在该函数内部 return false； 第三种：通过document.getElementById在外部调用函数去阻止跳转； 鼠标事件 移入移出 onmouseover 鼠标移入事件：鼠标指针移动到元素上时触发； onmouseout 鼠标移出事件：鼠标指针移除元素后触发； 进入离开 onmouseenter 鼠标进入事件：鼠标进入到元素上时触发； onmouseleav
Javascript DOM事件、EventListener和DOM 元素(节点)
weixin_37954184的博客
05-01 1229
DOM事件：&lt;button type="button" onclick="document.getElementById('id1').style.color='red'"&gt;点我!&lt;/button&gt;//要始终为 &lt;button&gt; 元素规定 type 属性。不同的浏览器对 &lt;button&gt; 元素的 type 属性使用不同的默认值。如button,sub...
javascript操作文本节点的方法
wujunlei1595848的博客
05-29 932
appendText(text); deleteData(offset, count); insertData(offset, count); replaceData(offset, count, text); splitText(offset); substringData(offset, count);
JavaScript（5）节点操作和位置操作
wjl0_7的博客
05-01 1046
1，节点操作 1.1节点概述 网页中所有内容都是节点(如：标签，属性，文本，注释等)，在DOM中，节点使用node来表示。HTML DOM树中所有节点均可通过JavaScript进行访问，所有HTML元素均可被修改，创建或删除。 1.2节点属性 一般来说，至少有nodeType(节点类型)，nodeName(节点名称)，nodeValue(节点值)这三个基本属性。 节点分类 nodeName nodeType nodeValue 文档节点 #document 9 null 属性节点 标签
Javascript 替换节点详解
最新发布
大剑师兰特的GIS世界
06-09 876
在JavaScript中，替换节点是指将DOM树中的某个节点用另一个新节点替换的操作。这一功能对于动态修改页面内容、实现复杂的UI交互非常有用。以下是关于替换节点的详细说明、示例代码、注意事项以及应用场景。
JavaScript 关于节点(记录学习)
qq_73451489的博客
04-07 886
在DOM中，每个容器，独立的元素或文本块都被看作为一个节点，节点是W3C DOM的基本构建块。当一个容器包含另一个容器时，对应节点之间有父子关系(父节点，子节点)。同时该节点数遵循HTML的结构化本质，如<html>元素包含<head>、<boyd>,前者又包含<title>，后者包含各种块元素等。DOM中定义了HTML文档中6中相关节点类型。所有支持W3C DOM的浏览器(IE5+,Mozl和Safari等)都实现了前三种常见的类型，其中Mozl实现了所有类型。节点类型表节点类型数值节点类型附加说明。
JavaScript 查找节点详解
大剑师兰特的GIS世界
06-02 903
在JavaScript中，查找节点是通过DOM（文档对象模型）操作来定位文档中的特定元素，以便进行进一步的读取或修改。以下是对查找节点方法的详细说明、示例代码、注意事项以及应用场景的概述。
JavaScript 事件的一些重要说明
10-29
事件冒泡是指事件从最深的节点开始，逐级向上层节点传播事件。在示例中，当鼠标移到列表项上时，每个元素都会添加红色边框。为了避免事件冒泡导致父元素也受到同样的效果，我们可以通过调用`stopBubble`函数来阻止...
JavaScript Dom 绑定事件操作实例详解
10-16
更详细的事件类型和功能可在[JavaScript事件与功能说明大全](http://tools.jb51.net/table/javascript_event)中查阅。 总之，JavaScript DOM事件绑定是网页动态化和交互性的重要手段。理解并熟练运用各种绑定方式和...
JavaScript中的事件处理
10-30
JavaScript中的事件处理是编程中非常关键的一环，它赋予了网页动态性和交互性。事件处理的概念简单来说就是：当一个特定的事件发生时，执行相应的处理程序，使得程序能够对用户的操作做出响应。事件处理主要涉及到...
Javascript 阻止javascript事件冒泡，获取控件ID值
10-29
事件冒泡和获取控件ID值是JavaScript事件处理中的两个重要概念，对于理解JavaScript事件模型以及创建交互式网页至关重要。以下是关于这两个概念的详细说明： 1. **事件冒泡** 事件冒泡是指事件开始时由最具体的元素...
浅谈Javascript中的12种DOM节点类型
10-21
DOM是javascript操作网页的接口，全称为文档对象模型(Document Object Model)。本文将主要说明DOM节点类型，有需要的可以参考借鉴。
javascript动态添加select的option两种方法
热门推荐
大牛成长，潜心学习
12-16 2万+
function changeTest(obj){ var selectVal = obj.value;  if(selectVal == "one"){  var objSelectet = document.getElementById("testTwo");   for(i=objSelectet.options.length-1 ; i>= 0 ; i--){ objSelect
javascript获取Document类型和Element类型属性
大牛成长，潜心学习
12-22 6161
DOM 节点层次： Document类型 JavaScript 通过 Document 类型表示文档。在浏览器中， document 对象是 HTMLDocument（继承自 Document 类型）的一个实例，表示整个 HTML 页面。而且， document 对象是 window 对象的一个属性，因此可以将其作为全局对象来访问。 1、文档子节点 可以使用documen
JavaScript设计模式
大牛成长，潜心学习
12-22 334
1、工厂模式 function createPerson(name,age,job){ var o  = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function(){ alert(this.name); }; return o; } var person1 = createPers
javaScript表单脚本
大牛成长，潜心学习
12-22 255
获取表单的集中方法： 1、通过表单ID去寻找表单 var form = document.getElementById("form"); 2、通过document.forms可以取得页面中的所有表单。在这个结合中可以通过数值所有或者name获得相对应的表单。 var firstForm = document.forms[0]; //取得页面中的第一个表单 var myForm = doc
JS中使用DOM来控制HTML元素.docx
01-21
除此之外，文档还提到JavaScript DOM操作通常包括查找元素（如通过`getElementById()`、`getElementsByClassName()`等）、修改元素属性（如`style`属性）、监听事件（如`addEventListener()`）以及创建和操作CSS样式...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值