# What is "document.getElementByID" for Cesium Entities?

**URL:** <https://community.cesium.com/t/what-is-document-getelementbyid-for-cesium-entities/10083>\
**Category:** CesiumJS\
**Created:** [July 2, 2020, 3:54pm UTC](https://community.cesium.com/t/what-is-document-getelementbyid-for-cesium-entities/10083 "2020-07-02T15:54:08Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![lawyongwei](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/lawyongwei/32/2121_2.png) [@lawyongwei](https://community.cesium.com/u/lawyongwei)\
**Post date:** [July 2, 2020, 3:54pm UTC](https://community.cesium.com/t/what-is-document-getelementbyid-for-cesium-entities/10083/1 "2020-07-02T15:54:09Z")

</div>

How can I find the label id and change its background color? This is same to HTML concept of “document.getElementById”. What is the “document.getElementByID” for cesium entity-label? I would like to use it function two in this example.

```
placemark.push(viewer.entities.add({
                          id: "1234",
                          orientation: new Cesium.HeadingPitchRoll(0, 0, 0),
                          position: Cesium.Cartesian3.fromDegrees(parseFloat(lon), parseFloat(lat), 30),
                          label: {
                              text: "hello",
                              verticalOrigin: Cesium.VerticalOrigin.TOP,
                              font: '20px sans-serif',
                              fillColor: Cesium.Color.BLACK,
                              backgroundColor: Cesium.Color.WHITE,
                              backgroundPadding : new Cesium.Cartesian2(30, 15),
                              style : Cesium.LabelStyle.FILL_AND_OUTLINE,
                              showBackground: true
                          }

 var onevalue="";

function one(){
    viewer.screenSpaceEventHandler.setInputAction(function(mouse) {
                      var pickedObject = viewer.scene.pick(mouse.position);

                      if (Cesium.defined(pickedObject)) {
                          onevalue = pickedObject.id.id;

                         two(onevalue);
                          }
                      }
                    }, Cesium.ScreenSpaceEventType.RIGHT_CLICK);
    }

function two(){
//how can change the label properties in this function. i.e. I want to change the background color.

entity = viewer.entities.getById(onevalue); // is this the document.getElementById?
    entity.label.backgroundColor = Cesium.Color.SKYBLUE;
}
```

---

<div class="post-metadata">

**Author:** ![kulvinderjatt](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/kulvinderjatt/32/2895_2.png) [@kulvinderjatt](https://community.cesium.com/u/kulvinderjatt)\
**Post date:** [July 2, 2020, 6:20pm UTC](https://community.cesium.com/t/what-is-document-getelementbyid-for-cesium-entities/10083/2 "2020-07-02T18:20:38Z")

</div>

Hi @lawyongwei

Try this to find the label id:  
[https://sandcastle.cesium.com/#c=lVRtb9owEP4rVr40SNS8dZqUUrRCNxUtKmhl3ZdIlUkucOphI9vhZVP/++xAS7sxop2iKPf2+DnfXVZCsxXCGjS7YhLWbAAGiwV/KG1hEqSlPlDSCpSgk6DOfiWSMQMEqUUlhzLDVFilI5YLMlD3XpS56qvNwfRcu/T2lTtuLmRGoJ3uNZOCBHf2jgQv1b1rsSUxBTo4QVq0CIaLLAtLFv8SzCKWBK1258IRPhWoNDpU4QuJ3tZ/CyJDORujTeffFFHYrDP/1E6iLZXBHdQeZiC0dV9Cdniu1eIGZhrAhOet5kfu4C6a/t1peuEV2OVdROxk2V4sbKwvfg5EqqJ6LyvQ1jWQRhpneGD+8M7MJ6NxJVLuhiRiZ+3mcsOMkObcgMb8rDoPiQaK/AS9XJvXeD++HnytzJ6K9GmmVSGzYxg/boeTz/+BMXaj5frO3g3DaxfbYcf1q/WhVolo7JaAvZKJffPuvY1/Gcbx4/XdzePo+yQe3lWTM3O17r8SjJjVBZzKed5vWyJTJY1yR5Kahftl4pjVLoN60C0J9l5wPuFiqbRlhaaQ84aFxZKEq7kxLdInsDw1ZrfAjHUbb1O7Ga7ctl0d+VGwlIQxzpMXRPf4E5Kg1224+L9SSZXLNnKjSGLrw+atXrwzcs67Dacez7RK0VToP5B/Aw](https://sandcastle.cesium.com/#c=lVRtb9owEP4rVr40SNS8dZqUUrRCNxUtKmhl3ZdIlUkucOphI9vhZVP/++xAS7sxop2iKPf2+DnfXVZCsxXCGjS7YhLWbAAGiwV/KG1hEqSlPlDSCpSgk6DOfiWSMQMEqUUlhzLDVFilI5YLMlD3XpS56qvNwfRcu/T2lTtuLmRGoJ3uNZOCBHf2jgQv1b1rsSUxBTo4QVq0CIaLLAtLFv8SzCKWBK1258IRPhWoNDpU4QuJ3tZ/CyJDORujTeffFFHYrDP/1E6iLZXBHdQeZiC0dV9Cdniu1eIGZhrAhOet5kfu4C6a/t1peuEV2OVdROxk2V4sbKwvfg5EqqJ6LyvQ1jWQRhpneGD+8M7MJ6NxJVLuhiRiZ+3mcsOMkObcgMb8rDoPiQaK/AS9XJvXeD++HnytzJ6K9GmmVSGzYxg/boeTz/+BMXaj5frO3g3DaxfbYcf1q/WhVolo7JaAvZKJffPuvY1/Gcbx4/XdzePo+yQe3lWTM3O17r8SjJjVBZzKed5vWyJTJY1yR5Kahftl4pjVLoN60C0J9l5wPuFiqbRlhaaQ84aFxZKEq7kxLdInsDw1ZrfAjHUbb1O7Ga7ctl0d+VGwlIQxzpMXRPf4E5Kg1224+L9SSZXLNnKjSGLrw+atXrwzcs67Dacez7RK0VToP5B/Aw)

Thanks,  
Kulvinder

---

<div class="post-metadata">

**Author:** ![kulvinderjatt](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/kulvinderjatt/32/2895_2.png) [@kulvinderjatt](https://community.cesium.com/u/kulvinderjatt)\
**Post date:** [July 2, 2020, 6:29pm UTC](https://community.cesium.com/t/what-is-document-getelementbyid-for-cesium-entities/10083/3 "2020-07-02T18:29:41Z")

</div>

You can also refer to Pick Entity logic at:

> **[Cesium Sandcastle](https://sandcastle.cesium.com/#c=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)**
>
> The Cesium Sandcastle provides an interactive environment for testing Cesium code.

---

<div class="post-metadata">

**Author:** ![kulvinderjatt](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/kulvinderjatt/32/2895_2.png) [@kulvinderjatt](https://community.cesium.com/u/kulvinderjatt)\
**Post date:** [July 3, 2020, 2:32pm UTC](https://community.cesium.com/t/what-is-document-getelementbyid-for-cesium-entities/10083/4 "2020-07-03T14:32:03Z")

</div>

Hi @lawyongwei

Please refer section Managing Entity section at the following link to learn more on Cesium entity  
[https://www.cesium.com/docs/tutorials/creating-entities/](https://www.cesium.com/docs/tutorials/creating-entities/)

---

<div class="post-metadata">

**Author:** ![James\_B](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/james_b/32/2424_2.png) [@James\_B](https://community.cesium.com/u/James_B)\
**Post date:** [July 6, 2020, 12:00pm UTC](https://community.cesium.com/t/what-is-document-getelementbyid-for-cesium-entities/10083/5 "2020-07-06T12:00:17Z")

</div>

In case it isn’t clear from the other replies, Cesium Entities are not added to the DOM. You probably knew that, but I wanted to make sure.

The Viewer has a DataSource called `entities` that you can add an Entity to, or you can make your own `DataSource` and add it to `viewer.dataSources`. When you call [`viewer.entities.getById(id)`](https://cesium.com/docs/cesiumjs-ref-doc/EntityCollection.html#getById), you’re getting back an instance of [Entity](https://cesium.com/docs/cesiumjs-ref-doc/Entity.html). You will notice in that second link that `someEntity.label` is an instance of [`LabelGraphics`](https://cesium.com/docs/cesiumjs-ref-doc/LabelGraphics.html) which has a `backgroundColor` property.