The latest articles on DEV Community by Vanya (@ratiarahman). https://dev.to/ratiarahman https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F656262%2Ff2d7c831-4701-4d03-82d5-425e5c2a927a.jpeg https://dev.to/ratiarahman en Vanya Wed, 22 Mar 2023 09:30:57 +0000 https://dev.to/ratiarahman/answer-replacing-text-within-a-label-52ik https://dev.to/ratiarahman/answer-replacing-text-within-a-label-52ik <div class="ltag__stackexchange--container"> <div class="ltag__stackexchange--title-container"> <div class="ltag__stackexchange--title"> <div class="ltag__stackexchange--header"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--7Gn-iPj_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackoverflow-logo-b42691ae545e4810b105ee957979a853a696085e67e43ee14c5699cf3e890fb4.svg" alt=""> <a href="https://stackoverflow.com/questions/63029893/replacing-text-within-a-label/63030010#63030010" rel="noopener noreferrer"> <span class="title-flare">answer</span> re: Replacing text within a label </a> </div> <div class="ltag__stackexchange--post-metadata"> <span>Jul 22 '20</span> </div> </div> <a class="ltag__stackexchange--score-container" href="https://stackoverflow.com/questions/63029893/replacing-text-within-a-label/63030010#63030010" rel="noopener noreferrer"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Y9mJpuJP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackexchange-arrow-up-eff2e2849e67d156181d258e38802c0b57fa011f74164a7f97675ca3b6ab756b.svg" alt=""> <div class="ltag__stackexchange--score-number"> 1 </div> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--wif5Zq3z--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackexchange-arrow-down-4349fac0dd932d284fab7e4dd9846f19a3710558efde0d2dfd05897f3eeb9aba.svg" alt=""> </a> </div> <div class="ltag__stackexchange--body"> <p>You can get the text node by <code>childNodes</code>.</p> <p>If the text is always at the beginning of the element, you can just change it like this:</p> <div class="snippet" data-lang="js"> <div class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code>document.querySelector('label').childNodes[0].textContent = 'Some word:';</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;label&gt; Search: &lt;input type="text" /&gt; &lt;/label&gt;</code></pre> </div> </div> </div> <div class="ltag__stackexchange--btn--container"> <a href="https://stackoverflow.com/questions/63029893/replacing-text-within-a-label/63030010#63030010" class="ltag__stackexchange--btn" rel="noopener noreferrer">Open Full Answer</a> </div> </div>