HTML DOM setAttribute() 方法
元素对象
实例
设置 input元素的的属性类型：
document.getElementsByTagName(“INPUT”)[0].setAttribute(“type”,”button”);
设置属性前:
设置属性后:
定义和用法
setAttribute() 方法创建或改变某个新……继续阅读 »
2年前 (2022-09-04) 24浏览 0评论
0个赞
HTML DOM scrollLeft 属性
元素对象
实例
滑动滚动条，获取元素滚动条到元素左边或顶部的距离:
const element = document.getElementById("myDIV");
let x = elmnt.scrollLeft;
let y = elmnt.scrollTop;
定义和用法
scrollLeft 属性可以读取或设置元素滚动条到元素左边的……继续阅读 »
2年前 (2022-09-04) 42浏览 0评论
0个赞
HTML DOM scrollTop 属性
元素对象
实例
滑动滚动条，获取元素滚动条到元素左边或顶部的距离:
const element = document.getElementById("myDIV");
let x = elmnt.scrollLeft;
let y = elmnt.scrollTop;
定义和用法
scrollTop 属性可以获取或设置一个元素的内容垂直滚动的像……继续阅读 »
2年前 (2022-09-04) 27浏览 0评论
0个赞
HTML DOM scrollHeight 属性
元素对象
实例
获取 div 元素的高度和宽度，包含内边距（padding）:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
定义和用法
scrollHeight 属性是一个只读属……继续阅读 »
2年前 (2022-09-04) 27浏览 0评论
0个赞
HTML DOM replaceChild() Method
元素对象
实例
将某个子节点替换为另一个：
document.getElementById(“myList”).replaceChild(newnode,oldnode);
移除前:
Coffee
Tea
Milk
移除后:
Water
Tea
Milk
定义和用法
replaceChild() 方法可将某个子节点替……继续阅读 »
2年前 (2022-09-04) 12浏览 0评论
0个赞
HTML DOM removeChild() 方法
元素对象
实例
从子节点列表中删除某个节点:
var list=document.getElementById(“myList”);
list.removeChild(list.childNodes[0]);
移除前:
Coffee
Tea
Milk
移除后:
Tea
Milk
定义和用法
removeChild() 方法可……继续阅读 »
2年前 (2022-09-04) 24浏览 0评论
0个赞
HTML DOM removeEventListener() 方法
元素对象
实例
移除 addEventListener() 方法添加的 “mousemove” 事件:
// 向 <div> 元素添加事件句柄document.getElementById(“myDIV”).addEventListener(“mousemove”……继续阅读 »
2年前 (2022-09-04) 116浏览 0评论
0个赞
HTML DOM removeAttributeNode() 方法
元素对象
实例
删除头部元素的属性节点：
var n=document.getElementsByTagName(“INPUT”)[0];var a=n.getAttributeNode(“type”);
n.removeAttributeNode(a)
移除属性前：
Hello World
移除……继续阅读 »
2年前 (2022-09-04) 57浏览 0评论
0个赞
HTML DOM querySelector() 方法
元素对象
实例
修改 class=”demo” 的 <div> 元素的第一个子元素文本内容：
var x = document.getElementById("myDIV");
x.querySelector(".demo").innerHTML = "Hello Wor……继续阅读 »
2年前 (2022-09-04) 29浏览 0评论
0个赞
HTML DOM removeAttribute() 方法
元素对象
实例
删除头部元素的 style 属性:
document.getElementsByTagName(“H1”)[0].removeAttribute(“style”);
删除属性前:
Hello World
删除属性后:
Hello World
定义和用法
removeAttribute() ……继续阅读 »
2年前 (2022-09-04) 20浏览 0评论
0个赞
HTML DOM previousElementSibling 属性
元素对象
实例
返回上一个列表选项的 HTML 内容：
var x = document.getElementById("item2").previousElementSibling.innerHTML;
定义和用法
previousElementSibling 属性返回指定元素的前一个兄弟元素（相同节点树层中的前一个元素……继续阅读 »
2年前 (2022-09-04) 50浏览 0评论
0个赞
HTML DOM parentNode 属性
元素对象
实例
返回<li> 元素父节点:
document.getElementById(“item1”).parentNode;
定义和用法
parentNode 属性可返回某节点的父节点。
如果指定的节点没有父节点则返回 null 。
浏览器支持
所有主要浏览器都支持 parentNode 属性
语法
node.p……继续阅读 »
2年前 (2022-09-04) 12浏览 0评论
0个赞
HTML DOM previousSibling 属性
元素对象
实例
返回某节点之前紧跟的节点:
document.getElementById(“item2”).previousSibling;
定义和用法
previousSibling 属性可返回某节点之前紧跟的节点（处于同一树层级）
返回节点以节点对象返回。
注意：如果没有此节点，那么该属性返回 null。
浏览器支持
……继续阅读 »
2年前 (2022-09-04) 67浏览 0评论
0个赞
HTML DOM ownerDocument 属性
元素对象
实例
返回元素的根元素:
document.getElementById(“demo”).ownerDocument;
定义和用法
ownerDocument 可返回某元素的根元素。
HTML中, HTML 文档本身是元素的根元素。
越多更多的文档对象请参考我们的 文档对象参考手册。
浏览器支持
所有主要浏览器都支持 ……继续阅读 »
2年前 (2022-09-04) 28浏览 0评论
0个赞
HTML DOM offsetParent 属性
元素对象
实例
获取 div 最近的祖先元素:
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetParent;
定义和用法
offsetParent 是一个只……继续阅读 »
2年前 (2022-09-04) 21浏览 0评论
0个赞
HTML DOM offsetTop 属性
元素对象
实例
获取 div 元素的顶部偏移量:
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetTop;
定义和用法
offsetTop 是一个只读属性，返回当……继续阅读 »
2年前 (2022-09-04) 17浏览 0评论
0个赞
HTML DOM offsetLeft 属性
元素对象
实例
获取 div 元素的左侧偏移量:
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetLeft;
定义和用法
offsetLeft 是一个只读属性，返……继续阅读 »
2年前 (2022-09-04) 73浏览 0评论
0个赞
HTML DOM offsetWidth 属性
元素对象
实例
获取 div 元素的宽度，包含内边距（padding）和边框（border）:
var elmnt = document.getElementById("myDIV");
var txt = "div 元素的高度，包含内边距（padding）和边框（border）:" + elmnt.offsetHeight……继续阅读 »
2年前 (2022-09-04) 64浏览 0评论
0个赞
HTML DOM offsetHeight 属性
元素对象
实例
获取 div 元素的高度，包含内边距（padding）和边框（border）:
var elmnt = document.getElementById("myDIV");
var txt = "div 元素的高度，包含内边距（padding）和边框（border）:" + elmnt.offsetHeigh……继续阅读 »
2年前 (2022-09-04) 101浏览 0评论
0个赞
HTML DOM normalize() 方法
元素对象
实例
合并一相同节点:
xmlDoc.getElementById(“demo”).normalize();
定义和用法
normalize() 方法合并相邻的文本节点并删除空的文本节点。
浏览器支持
所有主要浏览器都支持 normalize() 方法
语法
node.normalize()
参数
None.
返回值
没有……继续阅读 »
2年前 (2022-09-04) 183浏览 0评论
0个赞
HTML DOM nodeType 属性
元素对象
实例
返回body元素的节点类型:
document.body.nodeType;
输出结果：
1
定义和用法
nodeType 属性返回节点类型。
如果节点是一个元素节点，nodeType 属性返回 1。
如果节点是属性节点, nodeType 属性返回 2。
如果节点是一个文本节点，nodeType 属性返回 3。
如果节点是一个注释节点，nodeTyp……继续阅读 »
2年前 (2022-09-04) 52浏览 0评论
0个赞
HTML DOM nodeValue 属性
元素对象
实例
获取第一个按钮元素的节点值：
document.getElementsByTagName(“BUTTON”)[0].childNodes[0].nodeValue;
输出结果：
尝试一下
定义和用法
nodeValue 属性根据节点的类型设置或返回节点的值。
注意： 如果你想返回元素的文本，记住文本通常是插入到文本节点中，所以……继续阅读 »
2年前 (2022-09-04) 60浏览 0评论
0个赞
HTML DOM nodeName 属性
元素对象
实例
获取 body 元素的节点名：
document.body.nodeName;
输出结果：
BODY
定义和用法
nodeName 属性可依据节点的类型返回其名称。
如果节点是一个元素节点 , nodeName 属性将返回标签名。
如果节点是一个属性节点， nodeName 属性将返回属性名。
其他节点类型, nodeName 属性将返根据不同的节点……继续阅读 »
2年前 (2022-09-04) 70浏览 0评论
0个赞
HTML DOM nextSibling 属性
元素对象
实例
返回某个元素之后紧跟的节点:
document.getElementById("item1").nextSibling;
定义和用法
nextSibling 属性可返回某个元素之后紧跟的节点（处于同一树层级中）。
返回节点以节点对象返回。
注意： 如果元素紧跟后面没有节点则返回 null.
浏览器支持
所有主要浏览器都支持……继续阅读 »
2年前 (2022-09-04) 53浏览 0评论
0个赞
HTML DOM nextElementSibling 属性
元素对象
实例
返回下一个列表选项的 HTML 内容：
var x = document.getElementById("item1").nextElementSibling.innerHTML;
定义和用法
nextElementSibling 属性返回指定元素之后的下一个兄弟元素（相同节点树层中的下一个元素节点）。
nextS……继续阅读 »
2年前 (2022-09-04) 47浏览 0评论
0个赞
HTML DOM namespaceURI 属性
元素对象
实例
返回 XHTML 文档命名空间的 URI:
document.documentElement.namespaceURI;
输出结果：
http://www.w3.org/1999/xhtml
定义和用法
namespaceURI 属性为被选节点返回命名空间的 URI。
注意：元素节点继承父节点的命名空间，因此，XHTML文档中的所有元素命名空间……继续阅读 »
2年前 (2022-09-04) 12浏览 0评论
0个赞
HTML DOM lastElementChild 属性
元素对象
实例
获取 HTML 中 <ul> 元素的最后一个子元素:
var x = document.getElementById(“myList”).lastElementChild.innerHTML;
定义和用法
lastElementChild 属性返回指定元素的最后一个子元素。
lastElementChi……继续阅读 »
2年前 (2022-09-04) 122浏览 0评论
0个赞
HTML DOM matches() 方法
元素对象
实例
元素是否匹配 CSS 选择器？
const element = document.getElementById("demo");
let answer = element.matches(".container");
实例
元素是否匹配两个 CSS 选择器中的一个？
const element = document……继续阅读 »
2年前 (2022-09-04) 251浏览 0评论
0个赞
HTML DOM lastChild 属性
元素对象
实例
返回文档的最后一个子节点:
document.getElementById(“myList”).lastChild;
定义和用法
lastChild 属性可返回文档的最后一个子节点。
浏览器支持
所有主要浏览器都支持 lastChild 属性
语法
node.lastChild
技术细节
返回值：
最后一个子节点
……继续阅读 »
2年前 (2022-09-04) 95浏览 0评论
0个赞
HTML DOM lang 属性
元素对象
定义和用法
lang 属性设置或返回元素的语言。
语法
HTMLElementObject.lang=language-code
浏览器支持
所有主要浏览器都支持 lang 属性
实例
实例
返回元素的语言:
<html>
<body id=”myid” lang=”en-us”>
<……继续阅读 »
2年前 (2022-09-04) 65浏览 0评论
0个赞
