document.documentElement的一些用法

最新推荐文章于 2022-07-29 16:12:16 发布

原创最新推荐文章于 2022-07-29 16:12:16 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#documentElement

Web开发同时被 2 个专栏收录

8 篇文章

订阅专栏

4 篇文章

订阅专栏

本文介绍了一种通过documentElement属性获取HTML文档根节点的方法，并展示了如何利用此属性及其它DOM属性来遍历和查找特定的子节点。通过具体实例说明了如何定位到body标签及其内部的div元素。

部署运行你感兴趣的模型镜像

--documentElement 属性可返回文档的根节点。

<head>
<title></title>
<script type="text/javascript">
function shownode() {

var ohtml = document.documentElement;

//alert(ohtml.nodeName);
//alert(ohtml.childNodes.length);

//alert(ohtml.childNodes[1].nodeName); //获取body

//var obody = ohtml.childNodes[1]; //一层层的找到div

var obody = ohtml.lastChild; //快速获取ohtml的最后一个子节点

//alert(obody.childNodes[0].nodeName);

//alert(obody.parentNode.nodeName); //根据子节点找到想要的父节点

//alert(obody.previousSibling.nodeName);

var ohead = ohtml.childNodes[0];
// alert(ohead.nextSibling.nodeName);

}
</script>

</head>

//body如果和div之间有空格，或者每个层之间有空格，会影响获取结果

您可能感兴趣的与本文相关的镜像

Dify

AI应用

Agent编排

Dify 是一款开源的大语言模型（LLM）应用开发平台，它结合了后端即服务(Backend as a Service) 和LLMOps 的理念，让开发者能快速、高效地构建和部署生产级的生成式AI应用。它提供了包含模型兼容支持、Prompt 编排界面、RAG 引擎、Agent 框架、工作流编排等核心技术栈，并且提供了易用的界面和API，让技术和非技术人员都能参与到AI应用的开发过程中