Title: Post id in javascript
Last modified: August 19, 2016

---

# Post id in javascript

 *  [zglows](https://wordpress.org/support/users/zglows/)
 * (@zglows)
 * [18 years ago](https://wordpress.org/support/topic/post-id-in-javascript/)
 * I’d like to know how to call a post id from a javascript file.
    In the template
   I use <?php the_ID(); ?> but how can I call the same id from Javascript?

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [haochi](https://wordpress.org/support/users/haochi/)
 * (@haochi)
 * [18 years ago](https://wordpress.org/support/topic/post-id-in-javascript/#post-761890)
 * I don’t really get what you are trying to do but I will attempt to answer it.
 *     ```
       <script>
       function the_ID(){
          return "<?php the_ID(); ?>";
       }
       </script>
       ```
   
 *  Thread Starter [zglows](https://wordpress.org/support/users/zglows/)
 * (@zglows)
 * [18 years ago](https://wordpress.org/support/topic/post-id-in-javascript/#post-761899)
 * ok, thanks for your answer. The problem is I’m trying to call the id from an 
   external javascript file. I do this wich is wrong:
 * `document.getElementById("message_<?php the_ID(); ?>")`
 * and I get > “document.getElementById(“message_<?php the_ID(); ?>”) has no properties”
   in Firebug.
 * what am I doing wrong?
 *  [haochi](https://wordpress.org/support/users/haochi/)
 * (@haochi)
 * [18 years ago](https://wordpress.org/support/topic/post-id-in-javascript/#post-761906)
 * Are you calling the JS before the content appears? Use `window.onload`.
    Post
   your blog’s URL by the way.
 *  Thread Starter [zglows](https://wordpress.org/support/users/zglows/)
 * (@zglows)
 * [18 years ago](https://wordpress.org/support/topic/post-id-in-javascript/#post-761908)
 * I’m trying this:
 * `<script type="text/javascript">
    function the_ID(){ alert("<?php the_ID(); ?
   >"); } </script>
 * And when I click on this link
 * `<a href="#" onclick="the_ID();">CLICK</a>`
 * I get always the value 18 no matter what post I click on.
 *  [haochi](https://wordpress.org/support/users/haochi/)
 * (@haochi)
 * [18 years ago](https://wordpress.org/support/topic/post-id-in-javascript/#post-761917)
 * *palmface*
 * You should’ve just post your URL because:
    #1: You are doing it wrong. #2: You
   are doing it wrong.
 * It should be something like this for a standard WordPress blog.
 *     ```
       <script>
       function get_post_content(id){
          return document.getElementById("post-"+id).innerHTML;
       }//you should probably use textContent/innerText but I am not going to get into that here
       </script>
   
       <a href="#" onclick="alert(get_post_content(<?php the_ID(); ?>));">CLICK</a>
       ```
   
 *  Thread Starter [zglows](https://wordpress.org/support/users/zglows/)
 * (@zglows)
 * [18 years ago](https://wordpress.org/support/topic/post-id-in-javascript/#post-761935)
 * i love you haochi.
    Thanks!!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Post id in javascript’ is closed to new replies.

## Tags

 * [id](https://wordpress.org/support/topic-tag/id/)
 * [javascript](https://wordpress.org/support/topic-tag/javascript/)
 * [post](https://wordpress.org/support/topic-tag/post/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 6 replies
 * 2 participants
 * Last reply from: [zglows](https://wordpress.org/support/users/zglows/)
 * Last activity: [18 years ago](https://wordpress.org/support/topic/post-id-in-javascript/#post-761935)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics