# Postion an element with javascript

**URL:** https://forum.kirupa.com/t/postion-an-element-with-javascript/636125
**Category:** web dev
**Created:** [March 1, 2017, 2:12am UTC](https://forum.kirupa.com/t/postion-an-element-with-javascript/636125 "2017-03-01T02:12:38Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![Numinus](https://avatars.discourse-cdn.com/v4/letter/n/9fc29f/32.png) [@Numinus](https://forum.kirupa.com/u/Numinus)
#### Post date: [March 1, 2017, 2:12am UTC](https://forum.kirupa.com/t/postion-an-element-with-javascript/636125/1 "2017-03-01T02:12:39Z")

</div>

```
var hiddenText = document.createElement("TEXTAREA");
document.body.appendChild(hiddenText);
hiddenText.setAttribute("id", "hiddenText");

```

how do i use plain javascript to position this textarea off the page so that is unseen?

if i have to create a css style, how do i use javascript to write the css into the head?

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [March 2, 2017, 1:23am UTC](https://forum.kirupa.com/t/postion-an-element-with-javascript/636125/2 "2017-03-02T01:23:33Z")

</div>

Can you add CSS styles to the page directly via a `style` tag? Or are you looking for a pure JS only solution?

For a JS-only solution, you can do this:

```
hiddenText.style.position = "absolute";
hiddenText.style.left = -9999px;

```

🙂