javascript匹配,js 匹配

JavaScript怎么获取一个元素的父级元素？以及子级元素

html代码：

div id="test"

div/div

div/div

/div

js代码：

script

function dom() {

var s= document.getElementById("test");

del_ff(s); //清理空格

var chils= s.childNodes; //得到s的全部子节点

var par=s.parentNode; //得到s的父节点

var fc=s.firstChild; //获得s的第一个子节点

var lc=s.lastChile; //获得s的最后一个子节点

}

/script

建议：使用jquery来获取父级节点跟子级节点会更方便。

相关问答

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

/**

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

* 操作：无，查看log信息

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

* 难度：★★☆☆☆

*/

var app = new THING.App({

url: ''

});

// 加载场景后执行

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

// 获取园区对象

var campus = ev.campus;

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

var children = campus.children;

for (var i = 0; i children.length; i++) {

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: '', // 模型地址

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);

});

Q2: JS中怎么在子页面中调用父页面的方法？

1、首先建立一个父级页面parent.html,代码如图，一个pop函数方法，一个链接到child.html的iframe标签。

2、再新建一个child.html页面，如图，展示一个id=link的div标签，和link的点击事件，因为是调用父级方法，所以需要用到window.parent.pop()方法。

3、预览页面，可明显看到parent.html里面的iframe框架，指向的就是child子页面。

4、点击页面中“调用父级pop方法”的文字链，会提示错误，这是因为没配置好域名等相关设置。

5、打开iis，右键iframe文件夹——“管理文件夹”——“浏览”；即可打开本地测试地址；（如小伙伴没配置iis，需要先配置iis建立站点）。

6、再次点击“调用父级pop方法”的文字链，即可成功弹出提示。

Q3: js json对象从子集找父级怎么找，有方法吗

JavaScript 本身是不支持这种查找的, 因为"子对象"只是父对象中的一个引用, 它也可以被其它对象引用, 这样一个"子对象"就可能有多个"父对象". 能实现的是在代码运行中获取它的上级对象.

var Obj = function()

{

    this.child = {

        parent: {},

        get_parent: function()

        {

            return this.parent;

        }

    };

    this.init = function()

    {

        this.child.parent = this;

    };

    this.init();

}

var o = new Obj;

console.log(o.child.get_parent());