내용을 변경하는 방법

lottoking 2020. 7. 13. 07:51

내용을 변경하는 방법 with Javascript</h2> <hr contenteditable='false' data-ke-type='horizontalRule' data-ke-style='style5'/> <p>How would I change the content of a <code><textarea></code> element with JavaScript?</p> <p>I want to make it empty.</p> <hr contenteditable='false' data-ke-type='horizontalRule' data-ke-style='style5'/> <p>Like this:</p> <pre><code>document.getElementById('myTextarea').value = ''; </code></pre> <p>or like this in jQuery:</p> <pre><code>$('#myTextarea').val(''); </code></pre> <p>Where you have</p> <pre><code><textarea id="myTextarea" name="something">This text gets removed</textarea> </code></pre> <p>For all the downvoters and non-believers:</p> <ul> <li><p><a href="http://msdn.microsoft.com/en-us/library/ms535122(VS.85).aspx" rel="noreferrer">Here's the MSDN reference</a></p> <blockquote> <p>value Property: Retrieves or sets the text in the entry field of the textArea element.</p> </blockquote></li> <li><p><a href="https://developer.mozilla.org/en-US/docs/DOM/HTMLTextAreaElement" rel="noreferrer">Here's the MDN reference</a></p> <blockquote> <p>value DOMString The raw value contained in the control.</p> </blockquote></li> </ul> <hr contenteditable='false' data-ke-type='horizontalRule' data-ke-style='style5'/> <p><b>If</b> you can use jQuery, and I highly recommend you do, you would simply do</p> <pre><code>$('#myTextArea').val(''); </code></pre> <p>Otherwise, it is browser dependent. Assuming you have</p> <pre><code>var myTextArea = document.getElementById('myTextArea'); </code></pre> <p>In most browsers you do</p> <pre><code>myTextArea.innerHTML = ''; </code></pre> <p>But in Firefox, you do</p> <pre><code>myTextArea.innerText = ''; </code></pre> <p>Figuring out what browser the user is using is left as an exercise for the reader. Unless you use jQuery, of course ;)</p> <p><b>Edit</b>: I take that back. Looks like support for .innerHTML on textarea's has improved. I tested in Chrome, Firefox and Internet Explorer, all of them cleared the textarea correctly.</p> <p><b>Edit 2</b>: And I just checked, if you use .val('') in jQuery, it just sets the .value property for textarea's. So .value should be fine.</p> <hr contenteditable='false' data-ke-type='horizontalRule' data-ke-style='style5'/> <p>Although many correct answers have already been given, the classical (read non-DOM) approach would be like this:</p> <pre><code>document.forms['yourform']['yourtextarea'].value = 'yourvalue'; </code></pre> <p>where in the HTML your textarea is nested somewhere in a form like this:</p> <pre><code><form name="yourform"> <textarea name="yourtextarea" rows="10" cols="60"></textarea> </form> </code></pre> <p>And as it happens, that would work with <a href="http://en.wikipedia.org/wiki/Netscape_Navigator" rel="noreferrer">Netscape Navigator</a> 4 and Internet Explorer 3 too. And, not unimportant, Internet Explorer on mobile devices.</p> <hr contenteditable='false' data-ke-type='horizontalRule' data-ke-style='style5'/> <p>If its Jquery .. </p> <pre><code>$("#myText").val(''); </code></pre> <p>or</p> <pre><code>document.getElementById('myText').value = ''; </code></pre> <p><a href="http://www.hscripts.com/tutorials/javascript/dom/textarea-events.php" rel="nofollow noreferrer">http://www.hscripts.com/tutorials/javascript/dom/textarea-events.php</a></p> <hr contenteditable='false' data-ke-type='horizontalRule' data-ke-style='style5'/> <p>put the textarea to a form, naming them, and just use the dom objects easily, like this:</p> <pre><code><body onload="form1.box.value = 'Welcome!'"> <form name="form1"> <textarea name="box"></textarea> </form> </body> </code></pre> <p>참고URL : <a href='https://stackoverflow.com/questions/1642447/how-to-change-the-content-of-a-textarea-with-javascript' target='_blank' rel='noopener'>https://stackoverflow.com/questions/1642447/how-to-change-the-content-of-a-textarea-with-javascript</a></p>

iPhone의 Facebook 앱과 같은 SplitView (0)	2020.07.13
유닉스-파일의 머리와 꼬리 (0)	2020.07.13
UIImage를 NSData로 변환하고 Swift에서 UIImage로 다시 변환 하시겠습니까? (0)	2020.07.13
AttributeError : 'module'객체에 'urlopen'속성이 없습니다. (0)	2020.07.13
Java의 명령 행 진행률 표시 줄 (0)	2020.07.13

내가 바로 로또왕!

spring3, 볼거리, 연극, 행사, jquery, DVD순위, C#, 뮤지컬, 축제, c++, spring, 공연, 영화순위, 자바, 관광, 무비순위, Java, 놀거리, 여행, javascript,

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`