onkeyup 事件
事件对象
实例
当用户释放键盘按钮时执行Javascript代码：
<input type=”text” onkeyup=”myFunction()”>
定义和用法
onkeyup 事件会在键盘按键被松开时发生。
提示：与onkeyup 事件相关的事件发生次序：
onkeydown
onkeypress
onkeyup……继续阅读 »
2年前 (2022-09-04) 56浏览 0评论
0个赞
onmouseup 事件
事件对象
实例
在用户鼠标按键被松开时执行Javascript代码：
<p onmouseup=”mouseUp()”>Click the text!</p>
定义和用法
onmouseup 事件会在鼠标按键被松开时发生。
提示: 与 onmouseup 事件相关联的事件触发次序 (左边/中间 鼠标按钮):
onmousedown
……继续阅读 »
2年前 (2022-09-04) 66浏览 0评论
0个赞
onkeydown 事件
事件对象
实例
在用户按下一个按键时执行Javascript代码：
<input type=”text” onkeydown=”myFunction()”>
定义和用法
onkeydown 事件会在用户按下一个键盘按键时发生。
提示： 与 onkeydown 事件相关联的事件触发次序:
onkeydown
onke……继续阅读 »
2年前 (2022-09-04) 26浏览 0评论
0个赞
onmouseout 事件
事件对象
实例
在鼠标指针移出指定的对象时执行Javascript代码:
<img onmouseout=”normalImg(this)” src=”smiley.gif” alt=”Smiley”>
定义和用法
onmouseout 事件会在鼠标指针移出指定的对象时发生。
语法
HTML 中:……继续阅读 »
2年前 (2022-09-04) 69浏览 0评论
0个赞
onmousemove 事件
事件对象
实例
在鼠标指针移到指定的元素后执行Javascript代码：
<div onmousemove=”myFunction()”>鼠标指针移动到这。</div>
定义和用法
onmousemove 事件会在鼠标指针移到指定的对象时发生。
语法
In HTML:
<element
onmousemove=”So……继续阅读 »
2年前 (2022-09-04) 26浏览 0评论
0个赞
onmouseover 事件
事件对象
实例
鼠标指针移动到图片后执行Javascript代码：
<img onmouseover=”bigImg(this)” src=”smiley.gif” alt=”Smiley”>
定义和用法
onmouseover 事件会在鼠标指针移动到指定的元素上时发生。
语法
HTML 中:
……继续阅读 »
2年前 (2022-09-04) 193浏览 0评论
0个赞
onmouseleave 事件
事件对象
实例
在鼠标指针移出指针时执行 JavaScript:
<img onmouseleave=”normalImg(this)” src=”smiley.gif” alt=”Smiley”>
在以下更多实例中点 “尝试一下” 查看更多演示。
定义和用法
onmou……继续阅读 »
2年前 (2022-09-04) 17浏览 0评论
0个赞
onmouseenter 事件
事件对象
实例
当鼠标指针移动到图像时执行 JavaScript：
<img onmouseenter=”bigImg(this)” src=”smiley.gif” alt=”Smiley”>
在以下更多实例中点 “尝试一下” 查看更多演示。
定义和用法
onmousee……继续阅读 »
2年前 (2022-09-04) 46浏览 0评论
0个赞
ondblclick 事件
事件对象
实例
当元素被双击时执行Javascript代码：
<p ondblclick=”myFunction()”>Click me</p>
定义和用法
ondblclick 事件会在对象被双击时发生。
语法
HTML 中:
<element
ondblclick=”SomeJavaScriptCode̶……继续阅读 »
2年前 (2022-09-04) 18浏览 0评论
0个赞
onmousedown 事件
事件对象
实例
当用户按下鼠标按钮执行Javascript代码：
<p onmousedown=”myFunction()”>Click the text!</p>
(本页底部还有更多实例)
定义和用法
onmousedown 事件会在鼠标按键被按下时发生。
提示： 与 onmousedown 事件相关连得事件发生次序（ 鼠标左侧/中……继续阅读 »
2年前 (2022-09-04) 32浏览 0评论
0个赞
oncontextmenu 事件
事件对象
实例
当用户在 <div> 元素
上右击鼠标时执行 JavaScript ：
<div oncontextmenu=”myFunction()” contextmenu=”mymenu”>
定义和使用
oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单。
注意：所有浏览器……继续阅读 »
2年前 (2022-09-04) 23浏览 0评论
0个赞
HTML DOM setNamedItem() 方法
属性对象
实例
设置 H1 的 class 属性：
var btn=document.getElementsByTagName(“h1”)[0];var
typ=document.createAttribute(“class”);
typ.nodeValue=”democlass”;
……继续阅读 »
2年前 (2022-09-04) 63浏览 0评论
0个赞
onclick 事件
事件对象
实例
当按钮被点击时执行Javascript代码：:
<button onclick=”myFunction()”>Click me</button>
定义和用法
onclick 事件会在元素被点击时发生。
语法
HTML 中:
<element
onclick=”SomeJavaScriptCode“……继续阅读 »
2年前 (2022-09-04) 25浏览 0评论
0个赞
HTML DOM removeNamedItem() 方法
属性对象
实例
删除按钮的 type 属性：
var btn=document.getElementsByTagName(“INPUT”)[0];
btn.attributes.removeNamedItem(“type”);
删除属性前:
删除属性后:
定义和用法
removeNamedItem() 方……继续阅读 »
2年前 (2022-09-04) 20浏览 0评论
0个赞
HTML DOM length 属性
属性对象
实例
返回按钮元素的属性数目:
document.getElementsByTagName(“BUTTON”)[0].attributes.length;
输出结果:
1
定义和用法
length 属性可返回集合中节点的选项数目。
浏览器支持
所有主要浏览器都支持 length 属性
注意： Internet Explorer 8 ……继续阅读 »
2年前 (2022-09-04) 90浏览 0评论
0个赞
HTML DOM item() 方法
属性对象
实例
返回按钮元素的第一个属性名：
document.getElementsByTagName(“BUTTON”)[0].attributes.item(0).nodeName;
输出结果:
onclick
定义和用法
item() 方法可返回节点列表中处于指定索引号的节点。
语法:
document.getElementsByTagN……继续阅读 »
2年前 (2022-09-04) 28浏览 0评论
0个赞
HTML DOM specified 属性
属性对象
实例
检查属性是否有指定的值：
document.getElementById(“demo”).attributes[0].specified;
输出结果：
true
定义和用法
如果在文档中设置了属性值，则 specified 属性返回 true，如果是 DTD/Schema 中的默认值，则返回 false。
浏览器支持
……继续阅读 »
2年前 (2022-09-04) 61浏览 0评论
0个赞
HTML DOM getNamedItem() 方法
属性对象
实例
返回按钮元素 onclick 属性的值：
var btn=document.getElementsByTagName(“BUTTON”)[0];btn.attributes.getNamedItem(“onclick”).textContent;
输出结果:
myfunction()
定义和用法……继续阅读 »
2年前 (2022-09-04) 25浏览 0评论
0个赞
HTML DOM value 属性
属性对象
实例
返回属性值：
document.getElementsByTagName(“button”)[0].attributes[0].value;
输出结果：
myfunction()
设置属性值
实例
设置头部元素的 style 属性：
var h=document.getElementsByTagName(“H1”……继续阅读 »
2年前 (2022-09-04) 25浏览 0评论
0个赞
HTML DOM name 属性
属性对象
实例
返回属性名称:
document.getElementsByTagName(“button”)[0].attributes[0].name;
输出结果：
onclick
定义和用法
name 属性返回属性名称。
浏览器支持
所有主要浏览器都支持 name 属性
语法
attribute.name
技术细节
返回值：
字符串，……继续阅读 »
2年前 (2022-09-04) 49浏览 0评论
0个赞
HTML DOM length 属性
元素对象
实例
返回 body 元素子节点的的数目：
document.body.childNodes.length;
输出结果:
8
定义和用法
length 属性返回节点集合的数目。
节点对象的子节点集合是一个节点列表对象的实例。
浏览器支持
所有主要浏览器都支持 length 属性
语法
nodelist.length
技术细节
返回值：
返回数字,该数……继续阅读 »
2年前 (2022-09-04) 24浏览 0评论
0个赞
HTML DOM isId 属性
属性对象
实例
检查属性是否为元素的 ID 属性：
document.getElementById(“demo”).attributes[0].isId;
输出结果：
true
定义和用法
如果属性是 ID 类型（例如，包含了其所属的元素的标识符），则 isId 属性返回 true，否则返回 false。
浏览器支持
除了 Internet E……继续阅读 »
2年前 (2022-09-04) 18浏览 0评论
0个赞
HTML DOM title 属性
元素对象
定义和用法
title 属性设置或返回元素的标题。
语法
HTMLElementObject.title=title
浏览器支持
所有主要浏览器都支持 title 属性
实例
实例 1
返回 body 元素的 title属性：
<html>
<body id=”myid” title=”mytitle……继续阅读 »
2年前 (2022-09-04) 41浏览 0评论
0个赞
HTML DOM item() 方法
元素对象
实例
返回元素的第一个子节点：
document.body.childNodes.item(0);
定义和用法
item() 方法返回一个节点列表中指定索引的节点。
语法:
document.body.childNodes.item(0);
另外一种语法方法：
document.body.childNodes[0];
浏览器支持
所有主要浏览器都支持 i……继续阅读 »
2年前 (2022-09-04) 43浏览 0评论
0个赞
HTML DOM textContent 属性
元素对象
实例
获取第一个按钮元素的文本内容：
document.getElementsByTagName(“BUTTON”)[0].textContent;
输出结果：
尝试一下
定义和用法
textContent 属性设置或者返回指定节点的文本内容。
如果你设置了 textContent 属性, 任何的子节点会被移除及被指定的字符串……继续阅读 »
2年前 (2022-09-04) 34浏览 0评论
0个赞
HTML DOM tagName 属性
元素对象
实例
获取元素的标签名:
document.getElementById(“demo”).tagName;
输出结果：
P
定义和用法
tagName 属性返回元素的标签名。
HTML 返回 tagName 属性的值是大写的。
浏览器支持
所有主要浏览器都支持 tagName 属性
语法
element.tagName
技术细……继续阅读 »
2年前 (2022-09-04) 23浏览 0评论
0个赞
HTML DOM tabIndex 属性
元素对象
定义和用法
tabIndex 属性可设置或返回单选按钮的 tab 键控制次序。
语法
HTMLElementObject.tabIndex=tabIndex
浏览器支持
所有主要浏览器都支持 tabIndex 属性
实例
实例
改变三个链接的 tab 排序：
<!DOCTYPE html>
<html>
<head>……继续阅读 »
2年前 (2022-09-04) 50浏览 0评论
0个赞
HTML DOM style 属性
元素对象
实例
修改元素的颜色：
document.getElementById("myH1").style.color = "red";
定义和用法
style 属性返回元素 style 属性的值。
style 属性返回一个 CSSStyleDeclaration 对象。
CSSStyleDeclaration 对象包含了元素的……继续阅读 »
2年前 (2022-09-04) 25浏览 0评论
0个赞
HTML DOM setAttributeNode() 方法
元素对象
实例
var atr=document.createAttribute(“class”);
atr.nodeValue=”democlass”;
document.getElementsByTagName(“H1”)[0].setAttributeNode(atr);
……继续阅读 »
2年前 (2022-09-04) 27浏览 0评论
0个赞
HTML DOM scrollWidth 属性
元素对象
实例
获取 div 元素的高度和宽度，包含内边距（padding）:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
定义和用法
scrollWidth 属性是一个只读属性，……继续阅读 »
2年前 (2022-09-04) 66浏览 0评论
0个赞
