js parent对象（js 如何访问父级对象 同级对象）
本文目录
js 如何访问父级对象 同级对象
/**
* 说明：通过 “父子树” 访问场景内的对象
* 操作：无，查看log信息
* 教程：ThingJS 教程——》园区与层级——》场景层级
* 难度：★★☆☆☆
*/
var app = new THING.App({
***隐藏网址***
});
// 加载场景后执行
app.on(’load’, function (ev) {
// 获取园区对象
var campus = ev.campus;
// 通过场景的 父子树 访问对象
var children = campus.children;
for (var i = 0; i 《 children.length; i++) {
var child = children;
var id = child.id;
var name = child.name;
var type = child.type;
console.log(’id: ’ + id + ’ name: ’ + name + ’ type: ’ + type);
}
// id 107 为白色厂区建筑，
// parent: app.query(’107’) 为在厂区内创建物体
// 厂区内创建的物体，只有在进入厂区后才会能显示，点击厂区进入，则看到绿色小车
// 当推出厂区后，绿色小车则隐藏
var obj = app.create({
type: ’Thing’,
id: ’No1234567’,
name: ’truck’,
parent: app.query(’107’),
***隐藏网址***
position: , // 世界坐标系下的位置
complete: function (ev) {
//物体创建成功以后执行函数
console.log(’thing created: ’ + ev.object.id);
}
});
var campus = ev.campus;
console.log(’after load ’ + campus.id);
// 切换层级到园区
app.level.change(campus);
});
js里面的父节点作用
首先，父节点是相对于HTML文档的DOM树而言的。如下面的HTML：
《html》
《head》《/head》
《body》
《div id="id1"》
《div id="id2"》
《/div》
《/div》
《/body》
《/html》
在这个HTML的DOM树里面，id2这个div节点的父节点是id1这个div，页id1这个div的父节点是body。
一般来说，每个元素都有一个父节点，有0到多个子节点。
而Javascript中，修改一个DOM节点的外观，是通过修改这个DOM节点对象的属性来实现的。
例如：
var div2 = document.getElementById(’id2’); // 取id=id2这个节点
var div1 = div2.parentNode; // div2的父节点，也就是id1这个div节点。
div1.style.border = ’1px solid red’; // 把div1的边框设置为1像素实线红边框
所以，应该是通过修改某对象本身的属性来实现这个对象外观的设置（并非通过修改子节点的属性，如xxx.parentNode.style.display = ’block’只是通过xxx.parentNode来引用到xxx父节点，最终修改的是父节点的属性，跟xxx没啥关系）
获取目标元素的方法很多，例如取子节点：div1.childNodes，（取div1的子节点列表）
关于HTML及Javascript的学习，网上有很多资料，可以看一下。例如：
***隐藏网址***
js怎样获得上一层的this对象
使用jquery可以很方便的解决这个问题。
parent()
取得一个包含着所有匹配元素的唯一父元素的元素集合。
可以使用可选的表达式来筛选。
《div》《p》Hello《/p》《p》Hello《/p》《/div》
《script type="text/javascript"》
$("p").parent();//获取p元素的父级元素（div）;
《/script》
js 找到子元素的父元素
一、原生方法：
元素parentNode，返回元素的第一个父节点。
二、Jquery方法：
1、元素parent()，返回元素的第一个父节点。
2、元素parents()，返回一个包含元素所有父节点的数组。
更多文章：
2026年9月7日 20:30
全球新冠肺炎疫情背景下航运发展（盐田港复苏日志：半年历劫从“低谷”到“爆仓” 疫情之后巨轮如何越洋航行）
2026年9月7日 17:10
matlab求解带字母参数方程组（我想matlab求一个关于x，y的方程组 ab c d f e h m n 都是参数）
2026年9月7日 16:30
oracle中的循环语句（下面哪个不是oracle程序设计中的循环语句 a for）
2026年9月7日 15:30
2026年9月7日 15:10
2026年9月7日 14:10
电脑里2个系统怎么删除一个（电脑开机显示有两个系统，如何删除一个）
2026年9月7日 12:20
2026年9月7日 10:20
scrollthrough意思（“scroll”是什么意思）
2026年9月7日 08:00
怎么激活keygen（注册机如何激活cad2008一个简单激活cad2008的方法）
2026年9月7日 06:30
