获取节点的方法

简介: 获取节点的方法

1.问题描述

采用DOM的方法获取当前的节点所在的位置,通过标签选择器,在j s中获取标签。

2.算法描述

采用getElementById方法获取到节点数上任意的节点,给标签添加id属性,通过id选择器获取到这个节点。

3.实验讨论与结果

找出其中的方法,并写出过程,并运行出结果。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}#box{
color: red;
text-indent:3em ;
background-color: cyan;
}
</style>
</head>
<body>
<div id="box">我喜欢在这里</div>
<ul>
<li>1</li>
<li id="me">2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</body>
</html>
<script type="text/javascript">
var element=document.getElementById("box"));
var eleCur=document.getElementById();
console.log(element);
console.log(eleCur);
console.log(EleLi)
</script>

4.结语

不管节点在网页当中嵌套多少次,都可以获取到它的标签,一定要在这个标签前面设定一个id,再去获取。

目录
相关文章
|
JSON JavaScript 前端开发
JavaScript 中更现代的深拷贝方法!
JavaScript 中更现代的深拷贝方法!
329 0
|
存储 JSON 前端开发
前端下载文件以及上传图片预览,顺便了解arrayBuffer和blob
前端下载文件以及上传图片预览,顺便了解arrayBuffer和blob
1379 0
|
9月前
|
存储 缓存 安全
网安入门之PHP后端基础
PHP 是一种服务器端脚本语言,广泛用于动态网站和Web应用程序开发。其文件扩展名为`.php`,支持嵌入HTML、CSS和JavaScript。PHP代码由Web服务器解析后返回给浏览器。PHP是弱类型语言,变量以`$`开头,支持字符串、整数、浮点数、布尔值、数组、对象等类型。PHP具有跨平台、开源、丰富的扩展库等特点。常用超全局变量如`$_GET`、`$_POST`、`$_SESSION`等处理用户输入和会话数据。HTTP请求方法GET和POST在数据传输方式、长度限制、安全性等方面有显著差异。
网安入门之PHP后端基础
|
人工智能 Kubernetes Cloud Native
AI智能体研发之路-工程篇(一):Docker助力AI智能体开发提效
AI智能体研发之路-工程篇(一):Docker助力AI智能体开发提效
207 0
|
Linux Docker 容器
阿里云安装docker教程
阿里云安装docker教程
2173 0
|
网络架构
路由器路由配置解析
路由器路由配置解析
313 0
|
JavaScript 前端开发
Javascript的一些监听事件
Javascript的一些监听事件
170 2
|
前端开发 Windows
手机真机调试本地前端页面
手机真机调试本地前端页面
428 0
阿里云容器服务 ACK 产品技术动态(202312)
阿里云容器服务 ACK 产品技术动态(202312)
|
移动开发
移动端H5不能自由选中文本进行复制的问题
移动端H5不能自由选中文本进行复制的问题
451 0