Mastering the document.getElementById() Method in JavaScript
☰Fullscreen
Table of Content:
document.getElementById() method - Javascript
The document.getElementById() method returns the element of specified id.
html code
<span class="pln"> </span><span class="tag"><form></span><span class="pln"> Enter No:</span><span class="tag"><input</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text"</span><span class="pln"> </span><span class="atn">id</span><span class="pun">=</span><span class="atv">"number"</span><span class="pln"> </span><span class="atn">name</span><span class="pun">=</span><span class="atv">"number"</span><span class="tag">/><br/></span><span class="pln"> </span><span class="tag"><input</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"button"</span><span class="pln"> </span><span class="atn">value</span><span class="pun">=</span><span class="atv">"cube"</span><span class="pln"> </span><span class="atn">onclick</span><span class="pun">=</span><span class="atv">"</span><span class="pln">getcube</span><span class="pun">()</span><span class="atv">"</span><span class="tag">/></span><span class="pln"> </span><span class="tag"></form></span><span class="pln"> </span>
Javascript Code
<span class="pln"> </span><span class="tag"><script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></span><span class="pln"> </span><span class="kwd">function</span><span class="pln"> getcube</span><span class="pun">(){</span><span class="pln"> </span><span class="kwd">var</span><span class="pln"> number</span><span class="pun">=</span><span class="pln">document</span><span class="pun">.</span><span class="pln">getElementById</span><span class="pun">(</span><span class="str">"number"</span><span class="pun">).</span><span class="pln">value</span><span class="pun">;</span><span class="pln"> alert</span><span class="pun">(</span><span class="pln">number</span><span class="pun">*</span><span class="pln">number</span><span class="pun">*</span><span class="pln">number</span><span class="pun">);</span><span class="pln"> </span><span class="pun">}</span><span class="pln"> </span><span class="tag"></script></span><span class="pln"> </span>
Live Preview
No Questions Data Available.
- Assignment 1: How do I replace div with textarea when I click button (including content)?