获取节点(元素):
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 操作.doc
实现使用JavaScript DOM 操作实现网页局部刷新
javascript_DOM,javascript_DOM,javascript_DOM,javascript_DOM
neat是一个追求极致简洁 ,高效, 优雅,只为移动端的 javascript dom操作库
JavascriptDOM基本操作 dom 精品操作
js_HTML_Dom操作练习,比较基础的
javascript页面元素操作参考 好多看不懂 美中不足是只有函数没有例子 也不知道搞啥的 还要去搜一下
经典之作《javascript dom编程艺术》源码。通过一个实际案例,讲述了原生的javascript操作dom的使用方法,以及操作dom中应该注意的一些事项。
NULL 博文链接:https://hnzhoujunmei.iteye.com/blog/826702
第1章 JavaScript简史 1.1 JavaScript的起源 1.2 DOM 1.3 浏览器战争 1.3.1 DHTML 1.3.2 浏览器之间的冲突 1.4 制定标准 1.4.1 浏览器以外的考虑 1.4.2 浏览器战争的结局 1.4.3 崭新的起点 1.5 小结 第2章 ...
JavaScript中Dom操作实例详解.docx
javascript_DOM操作.rar
Javascript操作XML Dom学习资料
javascript dom 操作详解 js加强操作实现代码。
asp.net javascript dom 操作 的常用方法
主要介绍了JavaScript DOM操作表格及样式,需要的朋友可以参考下
在这个项目中,我仅使用javascript dom操作创建了一个简单的餐厅页面。 建于 Java脚本 jQuery的 ESLint Stylelint 现场演示 入门 要在本地启动并运行此项目,必须在本地计算机上安装节点。 设置 使用您的终端或...
Javascript_Dom操作案例 总结了一些javascript对DOM操作的案例,希望对大家有所帮助
JavaScript 的DOM操作
圣诞大酒杯游戏 这款圣诞节主题的二十一点游戏需要JavaScript DOM操作,事件侦听器和嵌套循环。 该设计灵感来自季节,是使用Bootstrap以及独特CSS样式工具实现的。 通过增加下注功能,游戏逻辑得到了改进,该功能使...