js 如何访问父级对象 同级对象?

JavaScript027

js 如何访问父级对象 同级对象?,第1张

/**

* 说明:通过 “父子树” 访问场景内的对象

* 操作:无,查看log信息

* 教程:ThingJS 教程——>园区与层级——>场景层级

* 难度:★★☆☆☆

*/

var app = new THING.App({

url: 'https://www.thingjs.com/static/models/storehouse'

})

// 加载场景后执行

app.on('load', function (ev) {

// 获取园区对象

var campus = ev.campus

// 通过场景的 父子树 访问对象

var children = campus.children

for (var i = 0i <children.lengthi++) {

var child = children[i]

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')[0] 为在厂区内创建物体

// 厂区内创建的物体,只有在进入厂区后才会能显示,点击厂区进入,则看到绿色小车

// 当推出厂区后,绿色小车则隐藏

var obj = app.create({

type: 'Thing',

id: 'No1234567',

name: 'truck',

parent: app.query('107')[0],

url: 'https://model.3dmomoda.com/models/8CF6171F7EE046968B16E10181E8D941/0/gltf/', // 模型地址

position: [0, 0, 0], // 世界坐标系下的位置

complete: function (ev) {

//物体创建成功以后执行函数

console.log('thing created: ' + ev.object.id)

}

})

var campus = ev.campus

console.log('after load ' + campus.id)

// 切换层级到园区

app.level.change(campus)

})

$("#floatDiv").before("<div class=\"floatDiv\" id=\"floadDiv"+peo.value+"\"><div class=\"selectDiv\">"+peo.nextSibling.innerText+"</div><div class=\"selectCancle\"><a href=\"javascript:closeDiv(this)\">×</a></div></div>")

}else if(!peo.checked){

var divID ="floatDiv"+peo.value

$("#"+divID).remove()

}

}

js找一个子元素的父元素:

<!DOCTYPE html><html><head>

<meta charset="utf-8">

</title>    <script type="text/javascript">    function deleteElement(Obj)

{        Obj.parentNode.parentNode.removeChild(Obj.parentNode)    }    </script></head>

<body>     <ul class="list2" ><li ><img alt="" src="1.jpg" /><div>mingzi1</div>

<a onclick="deleteElement(this)">删除</a></li><li ><img alt="" src="2.jpg" />

<div>mingzi2</div><a onclick="deleteElement(this)">删除</a></li><li >

<img alt="" src="3.jpg" /><div>mingzi3</div><a onclick="deleteElement(this)">删除</a>

</li></ul></body></html>

拓展资料

删除一个父元素下面的所有子元素:

document.getElementById("ok").innerHTML = ""

删除其中的一个:

document.getElementById("ok").remove(document.getElementById("ok").children(i))

//删除id为"ok"下的第i-1个子元素