JS_dom查询节点

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
window.οnlοad=function(){
//1.根据ID查询节点
//2.根据标签名查询节点
//3.根据层次查询节点
// 查询某个节点的亲戚(父亲，孩子，兄弟)
//1)查询父亲
var gz=document.getElementById("gz");
var ul=gz.parentNode;
console.log(gz.parentNode);
//2)查询孩子
//包含空格（了解即可）
console.log(ul.childNodes);
//只含元素(重点掌握)
console.log(ul.getElementsByTagName("li"));
//3)查询兄弟
//某节点.父亲.孩子们[i]
var tj=gz.parentNode.getElementsByTagName("li");
console.log(tj);
//4.根据name查询节点
//一般用于查询一组单选/多选
var radios=document.getElementsByName("sex");
console.log(radios);
}
</script>
</head>
<body>
<ul>
<li>北京</li>
<li>上海</li>
<li id="gz">广州</li>
<li>深圳</li>
<li>天津</li>
<li>重庆</li>
</ul>
<p>
<input type="radio" name="sex" >男
<input type="radio" name="sex" >女
</p>
</body>
</html>

转载于:https://www.cnblogs.com/Bighua123/p/7635964.html

JS_dom查询节点相关推荐

mysql 存储过程排序_MYSQL查询节点的所有父节点，按层级排序的存储过程
查询节点的所有父节点,按层级排序的存储过程父子关系表结构: `parentnode` int(11) ,-- 父节点 `node` int(11) , -- 节点 `isparent` int( ...
js_DOM读写节点
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
MYSQL 自定义函数，查询节点所有父节点、查询节点所有子节点
一.查询所有父节点. 1.sql代码 select getParentIdList(3402) 2.创建函数 CREATE FUNCTION `getParentIdList`(rootId INT) ...
neo4j查询节点与相应的边的方法
MATCH (n:Person)-[:ACTED_IN]->(m:Movie) RETURN n,m 一.查找某节点及限制关系的方法: n为变量,代表所有节点,Person代表节点的标签为Per ...
neo4j查询节点的出度与入度的数量
MATCH (n:Entity {name:'<出口石油焦装船水分取样与测定方法>'}) WITH size((n)-[:Relation]->()) as out, size((n ...
【Neo4j × 知识图谱】图形化数据库基本操作: 创建节点与关系、添加属性、查询节点 | 附：可视化构建四大名著知识图谱（含源代码）| word2vec实战: 构造斗罗大陆人物关系
给研究生的真诚建议(将会分篇发布) [2]躺平摆烂和emo解决不了任何问题,打起精神来,只有付出才有回报,只有主动行动去解决问题,问题才能被解决! [3]研究生课程都集中在研一,研二(几乎)就不再上 ...
py2neo 创建关系_py2neo查询节点和关系
from py2neo importGraph,Node,Relationship,NodeMatcher,RelationshipMatcher,PathclassMovie():'''电影''' ...
跟我一起读postgresql源码(十六)——Executor(查询执行模块之——control节点(下))
5.ModifyTable节点先看一个ModifyTable节点的例子: postgres=# explain update test_01 set id = 5 where name = 'xxx ...
微信小程序(四) 节点查询 | wx.createSelectorQuery
先看官方文档给出的说明查询节点信息的对象,返回一个SelectorQuery对象实例\color{#9a2323}{查询节点信息的对象,返回一个 SelectorQuery 对象实例}查询节点信息的 ...

JS_dom查询节点

JS_dom查询节点相关推荐

最新文章

热门文章