获取节点(元素):
document.getElementById("id");
document.getElementByName("Name");
document.getElementByTagName("tagName");
消息框:
警告框:alert("文本");
确认框:confirm("文本");
提示框:prompt("文本","默认值")
获取属性值:
元素.getAttribute("属性名");
增加或设置属性:
元素.setAttribute("属性名",''属性值'');
创建新元素节点:
(返回值)节点对象 =document.createElement("标签名");
创建文本节点:
(文本节点对象) var textnode = document.cresteTextNode("文本");
添加节点到元素中
元素.appendChild(文本节点对象);
插入新节点:
夫节点.insertBefore(新节点对象,插入点对象);(插到对象前面)
删除节点:
夫节点。removeChild(要删除的子节点对象);
双击事件:
ondblclick()
变化事件:
onchange()
选中下拉选:
selestedIdex()
直接插入:
innerHTML
显示弹出窗口(模式对话框):
window.showModalDialog( sURL, vArguments, sFeatures ) 此方法用来创建一个显示HTML内容的模态对话框。
window.showModelessDialog ( sURL, vArguments, sFeatures ) 此方法用来创建一个显示HTML内容的非模态对话框。
sURL:必须项。字符串(string)。指定要载入和显示的URL
vArguments:可选项。常用window(代表原页面) 对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures :
sFeatures
可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。
dialogHeight 对话框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默认的单位是em,而IE5中是px,为方便其见,在定义modal方式的对 话框时,用px做单位。
dialogWidth: 对话框宽度。
dialogLeft: 距离桌面左的距离。
dialogTop: 离桌面上的距离。
center: {yes | no | 1 | 0 }:窗口是否居中,默认yes,但仍可以指定高度和宽度。
help: {yes | no | 1 | 0 }:是否显示帮助按钮,默认yes。
resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改变大小。默认no。
status: {yes | no | 1 | 0 } [IE5+]:是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
scroll:{ yes | no | 1 | 0 | on | off }:指明对话框是否显示滚动条。默认为yes。
window.open( sURL, sName, sFeatures ,bReplace)
sURL:必须项。字符串(string)。指定要载入和显示的URL
sName:指定打开窗口名字:_self:当前窗口_blank:新窗口中打开
sFeatures 打开窗口样式
window.opener 获取原页面
分享到:
相关推荐
JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码JavaScript dom操作 dom元素查询 示例代码...
JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 删除元素 示例代码JavaScript dom操作 ...
JavaScript dom操作 访问和修改元素 示例代码JavaScript dom操作 访问和修改元素 示例代码JavaScript dom操作 访问和修改元素 示例代码JavaScript dom操作 访问和修改元素 示例代码JavaScript dom操作 访问和修改...
JavaScript dom操作 添加和替换元素 示例代码JavaScript dom操作 添加和替换元素 示例代码JavaScript dom操作 添加和替换元素 示例代码JavaScript dom操作 添加和替换元素 示例代码JavaScript dom操作 添加和替换...
理解并熟练掌握JavaScript DOM操作是成为一名优秀前端开发者的关键,这不仅能让你更好地控制网页动态行为,还能提升用户体验,使网页更具互动性和吸引力。在实际项目中,结合现代前端框架,DOM操作的效率和灵活性将...
javascript DOM 操作 javascript DOM 操作是指在客户端使用javascript语言来操作文档对象模型(Document Object Model,DOM),以便于动态地更改网页的内容和结构。下面是javascript DOM 操作的相关知识点: IE 中...
本资源为JavaScript的dom操作的趣味案例,可直接打开查看本资源为JavaScript的dom操作的趣味案例,可直接打开查看本资源为JavaScript的dom操作的趣味案例,可直接打开查看本资源为JavaScript的dom操作的趣味案例,可...
在JavaScript中,DOM操作主要包括以下几大方面: 1. **获取元素**:`document.getElementById()`,`document.querySelector()`,`document.querySelectorAll()`等方法可以用来根据ID、CSS选择器或匹配多个元素的...
实现使用JavaScript DOM 操作实现网页局部刷新
这篇博客文章“JavaScript DOM操作一些例子”提供了实用的示例,帮助开发者更好地理解和应用DOM操作。 首先,我们需要理解DOM是什么。DOM是HTML和XML文档的结构化表示,它将网页内容组织成一个树形结构,每个元素、...
**neat:极致简洁、高效的JavaScript DOM操作库** 在当今的Web开发中,JavaScript库和框架扮演着至关重要的角色,特别是在处理DOM(Document Object Model)操作时。neat是一个专为移动端设计的JavaScript库,其...
JavaScript提供了强大的DOM操作能力,使得开发者能够创建交互性强、用户友好的网页。通过本文的介绍,我们了解到了JavaScript操作DOM的基本方法和一些高级技巧。掌握这些技能对于任何前端开发者来说都是至关重要的。...
包含dom的查询、访问、修改、添加、替换、删除等操作包含dom的查询、访问、修改、添加、替换、删除等操作包含dom的查询、访问、修改、添加、替换、删除等操作包含dom的查询、访问、修改、添加、替换、删除等操作包含...
在JavaScript的世界里,HTML DOM(Document Object Model)是网页内容的一种结构化表示,它允许我们通过编程...随着对DOM操作的熟练掌握,开发者能够更好地理解前端开发的核心原理,为后续的Web应用开发打下坚实基础。
JavascriptDOM基本操作 dom 精品操作
3. DOM操作:在JavaScript中,DOM操作主要通过DOM提供的API完成。DOM编程涉及对节点(Node)的查询、插入、删除和修改等操作。DOM操作可以改变网页的内容、结构和样式,是创建动态网页的关键。 4. DOM节点类型:DOM...
JavaScript DOM(Document ...通过学习这套资料,开发者可以全面掌握网页制作的各种技巧,从基础的HTML和CSS布局,到复杂的JavaScript DOM操作,以及利用XML进行数据交换,最终能够创建功能丰富、交互性强的网页。
这个压缩包中的文件很可能包含300个不同的JavaScript DOM操作示例,涵盖从基础到高级的各种实践场景,例如动态更新页面内容、响应用户交互、实现动画效果等。通过学习这些实例,你可以深入理解DOM操作的实际应用,...
理解DOM的层次结构以及如何遍历和操作这个结构是JavaScript DOM编程的关键。 此外,书中还涵盖了事件处理,这是JavaScript与用户交互的重要方式。通过绑定事件监听器,开发者可以响应用户的点击、键盘输入等各种...
JavaScript DOM编程艺术是一本深入解析DOM操作的经典书籍,它的源码提供了丰富的实例,帮助开发者深入理解如何使用原生JavaScript高效地操纵网页元素。DOM(Document Object Model)是HTML和XML文档的标准表示,它将...