HTML DOM isSameNode() 方法
元素对象
实例
检查两个节点是否是相同节点:
var item1=document.getElementById(“myList1”);
var item2=document.getElementsByTagName(“UL”)[0];
item1.isSameNode(item2);
输出结果:
true
……继续阅读 »
2年前 (2022-09-04) 101浏览 0评论
0个赞
HTML DOM Node isSupported() 方法
元素对象
实例
按钮元素支持判断版本2.0内核特性:
var item=document.getElementsByTagName(“BUTTON”)[0];
item.isSupported(“Core”,”2.0″);
输出结果:
true
定义和用法
isSupport……继续阅读 »
2年前 (2022-09-04) 18浏览 0评论
0个赞
HTML DOM isDefaultNamespace() 方法
元素对象
实例
查看定义的命名空间是否为默认的命名空间:
document.documentElement.isDefaultNamespace(‘http://www.w3.org/1999/xhtml’);
输出结果:
true
定义和用法
如果指定的命名空间是默认的 ,isDefaultNamespace……继续阅读 »
2年前 (2022-09-04) 97浏览 0评论
0个赞
HTML DOM isEqualNode() 方法
元素对象
实例
检测两个不同列表的列表项是否相等:
var item1=document.getElementById(“myList1”).firstChild;
var item2=document.getElementById(“myList2”).firstChild;
item1.isEqualNod……继续阅读 »
2年前 (2022-09-04) 22浏览 0评论
0个赞
HTML DOM isContentEditable 属性
元素对象
实例
查看 <p> 元素是否可编辑:
var x = document.getElementById(“myP”).isContentEditable;
x 输出结果为:
true
定义和用法
isContentEditable 属性返回元素的内容是否可编辑。
该属性为只读属性。
提示: 修改元素的可……继续阅读 »
2年前 (2022-09-04) 16浏览 0评论
0个赞
HTML DOM insertBefore() 方法
元素对象
实例
列表中添加项:
document.getElementById(“myList”).insertBefore(newItem,existingItem);
添加前:
Coffee
Tea
添加后:
Water
Coffee
Tea
定义和用法
insertBefore() 方法可在已有的子节点前插入一个新的子……继续阅读 »
2年前 (2022-09-04) 28浏览 0评论
0个赞
HTML DOM id 属性
元素对象
定义和用法
id 属性设置或者返回元素的 id。
语法
HTMLElementObject.id=id
浏览器支持
所有主要浏览器都支持 id 属性
实例
实例
输出链接的id:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<tit……继续阅读 »
2年前 (2022-09-04) 44浏览 0评论
0个赞
HTML DOM innerHTML 属性
元素对象
定义和用法
innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。
语法
HTMLElementObject.innerHTML=text
浏览器支持
所有主要浏览器都支持 innerHTML 属性
实例
实例
改变文本, URL, 及链接目标:
<!DOCTYPE html>
<html>
<head……继续阅读 »
2年前 (2022-09-04) 73浏览 0评论
0个赞
HTML DOM hasFocus() 方法
元素对象
实例
在文档获取焦点后输出文本信息:
var x = document.getElementById(“demo”);if (document.hasFocus()) {
x.innerHTML = “文档已获取焦点。”;} else { ……继续阅读 »
2年前 (2022-09-04) 10浏览 0评论
0个赞
HTML DOM hasAttributes() 方法
元素对象
实例
查看body元素是否有任何属性
document.body.hasAttributes()
输出结果:
false
定义和用法
hasAttributes() 方法如果某节点有任何属性时返回 true,否则返回 false。
浏览器支持
所有主要浏览器都支持 hasAttributes 方法
注意: Internet Explorer……继续阅读 »
2年前 (2022-09-04) 74浏览 0评论
0个赞
DOM Node hasChildNodes() 方法
元素对象
实例
查看一个元素的所有子节点:
document.getElementById(“myList”).hasChildNodes()
输出结果:
true
定义和用法
hasChildNodes() 方法可在某节点用于任何子节点时返回 true,否则返回 false。
浏览器支持
所有主要浏览器都支持 hasCh……继续阅读 »
2年前 (2022-09-04) 30浏览 0评论
0个赞
HTML DOM hasAttribute() 方法
元素对象
实例
检查按钮元素是否有 onclick属性:
document.getElementsByTagName(“BUTTON”)[0].hasAttribute(“onclick”);
输出结果:
true
定义和用法
hasAttribute() 方法用于判断是否有指定的属性存在,如果存在返回 true……继续阅读 »
2年前 (2022-09-04) 21浏览 0评论
0个赞
HTML DOM getElementsByTagName() 方法
元素对象
实例
改变列表中第一个列表项的文本:
var list=document.getElementsByTagName(“UL”)[0]
list.getElementsByTagName(“LI”)[0].innerHTML=”Milk”;
修改文本前:
Coffe……继续阅读 »
2年前 (2022-09-04) 33浏览 0评论
0个赞
HTML DOM getElementsByClassName() 方法
元素对象
实例
在 class=”example” 的列表中修改 class=”child” 的第一项(索引值为 0) 的文:
var list = document.getElementsByClassName(“example”)[0];
list.getElemen……继续阅读 »
2年前 (2022-09-04) 92浏览 0评论
0个赞
HTML DOM getAttributeNode() 方法
元素对象
实例
返回链接的 target 属性:
document.getElementsByTagName(“a”)[0].getAttributeNode(“target”);
定义和用法
getAttributeNode() 方法从当前元素中通过名称获取属性节点。
提示:如果你仅想返回属性值请……继续阅读 »
2年前 (2022-09-04) 19浏览 0评论
0个赞
HTML DOM focus() 方法
元素对象
实例
为 <a> 元素设置焦点:
document.getElementById(“myAnchor”).focus();
尝试一下»
定义和使用
focus() 方法用于为元素设置焦点(如果可以设置)。
提示:使用 blur() 方法来移除元素焦点。
浏览器支持
方法
focus()
Yes
Yes……继续阅读 »
2年前 (2022-09-04) 69浏览 0评论
0个赞
HTML DOM getAttribute() 方法
元素对象
实例
获取链接的 target 属性值:
document.getElementsByTagName(“a”)[0].getAttribute(“target”);
输出结果:
_blank
定义和用法
getAttribute() 方法通过名称获取属性的值。
提示:如果你想返回属性请使用
getA……继续阅读 »
2年前 (2022-09-04) 31浏览 0评论
0个赞
HTML DOM firstChild 属性
元素对象
实例
返回文档节点的第一节点:
document.firstChild;
定义和用法
firstChild 属性返回被选节点的第一个子节点。
注意:如果选定的节点没有子节点,则该属性返回 NULL。
浏览器支持
所有主要浏览器都支持 firstChild 属性
语法
node.firstChild
技术细节
返回值:
节点的第一个子节点。
……继续阅读 »
2年前 (2022-09-04) 37浏览 0评论
0个赞
HTML DOM dir 属性
元素对象
定义和用法
dir 属性设置或返回元素的文字方向。
语法
HTMLElementObject.dir=text-direction
浏览器支持
所有主要浏览器都支持 dir 属性
实例
实例
返回 body 元素的文本方向:
<html>
<body id=”myid” dir=”rtl”>
……继续阅读 »
2年前 (2022-09-04) 82浏览 0评论
0个赞
HTML DOM firstElementChild 属性
元素对象
实例
获取 HTML 中 <ul> 元素的第一个子元素:
var x = document.getElementById(“myList”).firstElementChild.innerHTML;
定义和用法
firstElementChild 属性返回指定元素的第一个子元素。
firstElementC……继续阅读 »
2年前 (2022-09-04) 36浏览 0评论
0个赞
HTML DOM compareDocumentPosition() 方法
元素对象
实例
比较当前字段与指定字段的文档位置:
var p1=document.getElementById("p1");
var p2=document.getElementById("p2");
p1.compareDocumentPosition(p2);
输出结果:
4
定义和用法
c……继续阅读 »
2年前 (2022-09-04) 9浏览 0评论
0个赞
HTML DOM contentEditable 属性
元素对象
实例
设置 <p> 元素内容为可编辑:
document.getElementById(“myP”).contentEditable = true;
定义和使用
contentEditable 属性用于设置或返回元素的内容是否可编辑。
提示: 你也可以使用
isContentEditable 属性来查看元……继续阅读 »
2年前 (2022-09-04) 17浏览 0评论
0个赞
HTML DOM cloneNode() 方法
元素对象
实例
拷贝一个列表项到另外一个列表:
var node=document.getElementById(“myList2”).lastChild.cloneNode(true);
document.getElementById(“myList1”).appendChild(node);
拷贝前:
Coff……继续阅读 »
2年前 (2022-09-04) 74浏览 0评论
0个赞
HTML DOM clientHeight 属性
元素对象
实例
获取 div 元素的高度,包含内边距(padding):
var elmnt = document.getElementById("myDIV");
var txt = "div 元素的高度,包含内边距(padding): " + elmnt.clientHeight + "px<br>……继续阅读 »
2年前 (2022-09-04) 168浏览 0评论
0个赞
HTML DOM clientWidth 属性
元素对象
实例
获取 div 元素的宽度,包含内边距(padding):
var elmnt = document.getElementById("myDIV");
var txt = "div 元素的高度,包含内边距(padding): " + elmnt.clientHeight + "px<br>……继续阅读 »
2年前 (2022-09-04) 54浏览 0评论
0个赞
HTML DOM clientLeft 属性
元素对象
实例
获取 div 元素顶部和左侧边框的宽度:
var elmnt = document.getElementById("myDIV");
var txt = "顶部边框的宽度: " + elmnt.clientTop + "px<br>";
txt += "左侧边框的宽度:……继续阅读 »
2年前 (2022-09-04) 87浏览 0评论
0个赞
HTML DOM clientTop 属性
元素对象
实例
获取 div 元素顶部和左侧边框的宽度:
var elmnt = document.getElementById("myDIV");
var txt = "顶部边框的宽度: " + elmnt.clientTop + "px<br>";
txt += "左侧边框的宽度: ……继续阅读 »
2年前 (2022-09-04) 12浏览 0评论
0个赞
HTML DOM classList 属性
元素对象
实例
为 <div> 元素添加 class:
document.getElementById(“myDIV”).classList.add(“mystyle”);
定义和用法
classList 属性返回元素的类名,作为
DOMTokenList 对象。
该属性用于在元素中添加,移除及切换 CS……继续阅读 »
2年前 (2022-09-04) 76浏览 0评论
0个赞
HTML DOM className 属性
元素对象
定义和用法
className 属性设置或返回元素的 class 属性。
语法
获取属性值:
HTMLElementObject.className
设置属性值:
HTMLElementObject.className=classname
浏览器支持
所有主要浏览器都支持 className 属性
实例
实例
返回 body 元素的 class 属性……继续阅读 »
2年前 (2022-09-04) 27浏览 0评论
0个赞
HTML DOM children 属性
元素对象
实例
获取 body 元素的子元素集合:
var c = document.body.children;
定义和用法
children 属性返回元素的子元素的集合,是一个 HTMLCollection 对象。
提示: 根据子元素在元素中出现的先后顺序进行排序。使用 HTMLCollection对象的 length属性获取子元素的数量,然后使用序列号(index……继续阅读 »
2年前 (2022-09-04) 12浏览 0评论
0个赞