# Accessing DOM node in initializers

**URL:** <https://discuss.emberjs.com/t/accessing-dom-node-in-initializers/8268>\
**Category:** Ember CLI\
**Created:** [June 25, 2015, 10:21am UTC](https://discuss.emberjs.com/t/accessing-dom-node-in-initializers/8268 "2015-06-25T10:21:46Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![phatle](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/phatle/32/11022_2.png) [@phatle](https://discuss.emberjs.com/u/phatle)\
**Post date:** [June 25, 2015, 10:21am UTC](https://discuss.emberjs.com/t/accessing-dom-node-in-initializers/8268/1 "2015-06-25T10:21:46Z")

</div>

I create an instance of Framework7. While initializing, Framework7 did query some elements on DOM but not found.

Is there any way to init a global object(service…) that can access to DOM elements?

Many thanks.

```
export function initialize(container, application) {
  var f7 = new window.Framework7();

  application.register('f7:main', f7, { instantiate: false });
  application.inject('route', 'f7', 'f7:main');
  application.inject('controller', 'f7', 'f7:main');
  application.inject('component', 'f7', 'f7:main');
  application.inject('view', 'f7', 'f7:main');
}

export default {
  name: 'framework7-service',
  initialize: initialize
};

```
