gpt4 book ai didi

html - 人们所说的 "DOM Manipulation"是什么意思,我该怎么做?

转载 作者:技术小花猫 更新时间:2023-10-29 11:38:52 25 4
gpt4 key购买 nike

我总是听到人们谈论 DOM 这个,操纵 DOM,改变 DOM,遍历 DOM;但这到底是什么意思?

什么是 DOM,我为什么要用它做点什么?

最佳答案

DOM基本上是您用来与文档交互的 API,并且作为库以多种语言提供(JS 是其中一种语言)。浏览器根据嵌套将网页中的所有 HTML 转换为树。打开 Firebug 并查看 HTML 结构。这就是我所说的树。

如果您想更改任何 HTML,您可以通过与 DOM API 交互来实现。

<html>
<head><script src="file.js"></script></head>
<body>blah</body>
</html>

file.js 中,我可以使用以下方式引用正文:

onload = function() {
document.getElementsByTagName('body')[0].style.display='none';
}

getElementsByTagNamedocument 对象的一个​​方法。我正在操作 body 元素,它是一个 DOM 元素。如果我想遍历并找到一个跨度,我可以这样做:

onload = function() {
var els = document.getElementsByTagName('*');
for ( var i = els.length; i--; ) {
if ( els[i].nodeType == 1 && els[i].nodeName.toLowerCase() == 'span' ) {
alert( els[i] )
}
}
}

我正在遍历上面代码段中 getElementsByTagName 返回的节点列表,并根据 nodeName 属性寻找一个跨度。

关于html - 人们所说的 "DOM Manipulation"是什么意思,我该怎么做?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3934826/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com