a의 내용을 변경하는 방법a의 내용을 변경하는 방법a의 내용을 변경하는 방법

programing

a의 내용을 변경하는 방법a의 내용을 변경하는 방법a의 내용을 변경하는 방법

javajsp 2023. 10. 31. 20:30

a의 내용을 변경하는 방법 with JavaScript</h2> 자바스크립트로 </h2>How would I change the content of a <code><textarea></code> element with JavaScript?자바스크립트로 <code><text area></code> 요소의 내용을 변경하려면 어떻게 해야 합니까? I want to make it empty.비우고 싶어요.Like this: 이렇게://p><pre><code>document.getElementById('myTextarea').<pre><code>document.getElementById('내 텍스트 영역').value = ''; 값 = '';</code></pre> </code>//pre>or like this in jQuery: 또는 jQuery://p>에서 이와 같이 표시됩니다.<pre><code>$('#myTextarea').val(''); <pre><code>$('#myTextarea').val(");</code></pre> </code>//pre>Where you have 가진 위치<pre><code><textarea id="myTextarea" name="something"><pre><code><text area id="myText area" name="something">This text gets removed</textarea> 이 텍스트는 제거됩니다. </text area></code></pre> </code>//pre>For all the downvoters and non-believers: 반대하는 모든 유권자와 믿지 않는 사람들을 위해://p><ul> <li><a href="http://msdn.microsoft.com/en-us/library/ms535122(VS.85).aspx" rel="noreferrer"><li><a href="http://msdn.microsoft.com/en-us/library/ms535122(VS.85).aspx " rel="norereferer">Here's the MSDN reference</a> MSDN 참조 </a> <blockquote> <블록 견적서> value Property: Retrieves or sets the text in the entry field of the textArea element.value Property: textArea 요소의 입력 필드에 있는 텍스트를 검색하거나 설정합니다. </blockquote></li> </블록 견적서>//li> <li><a href="https://developer.mozilla.org/en-US/docs/DOM/HTMLTextAreaElement" rel="noreferrer"><li><a href="https://developer.mozilla.org/en-US/docs/DOM/HTMLTextAreaElement " rel="norereferer">Here's the MDN reference</a> MDN 참조 </a> <blockquote> <블록 견적서> value DOMString The raw value contained in the control.value DOMSstring 컨트롤에 포함된 원시 값. </blockquote></li> </블록 견적서>//li></ul>If you can use jQuery, and I highly recommend you do, you would simply do </ul>jQuery를 사용할 수 있고, 사용할 것을 적극 권장합니다. <pre><code>$('#myTextArea').val(''); <pre><code>$('#myTextArea').val(");</code></pre> </code>//pre>Otherwise, it is browser dependent.그렇지 않으면 브라우저에 따라 달라집니다. Assuming you have 가지고 있다고 가정할 때 <pre><code>var myTextArea = document.getElementById('myTextArea');<pre><code>variyTextArea = document.getElementById('myTextArea'); </code></pre> </code>//pre>In most browsers you do 대부분의 브라우저에서 수행하는 작업 <pre><code>my<pre><code>myTextArea.innerTextArea.innerHTML = ''; HTML = ';;</code></pre> </code>//pre>But in Firefox, you do 하지만 파이어폭스에서는 그렇게 합니다. <pre><code>my<pre><code>myTextArea.innerText = ''; TextArea.innerText = ';;</code></pre> </code>//pre>Figuring out what browser the user is using is left as an exercise for the reader.사용자가 어떤 브라우저를 사용하고 있는지 파악하는 것은 독자를 위한 연습으로 남겨둡니다. Unless you use jQuery, of course ;) 물론 jQuery를 사용하지 않는 한 ;)//p>Edit: I take that back.편집: 취소하겠습니다. Looks like support for .inner.inner를 지원하는 것 같습니다.HTML on textarea's has improved.텍스트 영역의 HTML이 향상되었습니다. I tested in Chrome, Firefox and Internet Explorer, all of them cleared the textarea correctly.Chrome, Firefox, Internet Explorer에서 테스트를 했는데 모두 텍스트 영역을 올바르게 지웠습니다. Edit 2: And I just checked, if you use .val('') in jQuery, it just sets the .value property for textarea's.편집 2: 방금 확인해보니 jQuery에서 .val(")을 사용하면 텍스트 영역의 .value 속성만 설정됩니다. So .value should be fine.따라서 .value는 괜찮습니다.Although many correct answers have already been given, the classical (read non-DOM) approach would be like this: 이미 많은 정답이 제시되었지만 고전적인 (비DOM 읽기) 접근 방식은 다음과 같습니다://p><pre><code>document.<pre><code>document입니다.forms['yourform']['yourtextarea'].양식['당신의 양식']['당신의 텍스트 영역']을 입력합니다.value = 'yourvalue'; value = '당신의 가치';</code></pre> </code>//pre>where in the HTML your textarea is nested somewhere in a form like this: 여기서 HTML의 텍스트 영역은 다음과 같은 형태로 중첩됩니다:<pre><code><form name="yourform"> <pre><code><양식명="당신의 양식"> <textarea name="yourtextarea" rows="10" cols="60"></textarea> <text area name="your text area" 행="10" cols="60">/text area></form> </형식></code></pre> </code>//pre>And as it happens, that would work with <a href="http://en.wikipedia.org/wiki/Netscape_Navigator" rel="noreferrer"그리고 실제로는 <a href="http://en.wikipedia.org/wiki/Netscape_Navigator " rel="norereferrer"와 함께 작동합니다.>Netscape Navigator</a> 4 and Internet Explorer 3 too.>넷스케이프 내비게이터 </a> 4와 인터넷 익스플로러 3도. And, not unimportant, Internet Explorer on mobile devices.그리고 중요하지 않은 것은 아니지만 모바일 장치의 Internet Explorer입니다.If it's jQuery...jQuery라면... <pre><code>$("#myText").val(''); <pre><code>$("#myText").val(");</code></pre> </code>//pre>or 또는 <pre><code>document.getElementById('myText').value = ''; <pre><code>document.getElementById('myText'). 값 = ';</code></pre> </code>//pre>Reference: <a href="http://www.hscripts.com/tutorials/javascript/dom/textarea-events.php" rel="nofollow noreferrer"참조: <a href="http://www.hscripts.com/tutorials/javascript/dom/textarea-events.php " rel="no follow nore referrer">Text Area Object</a>Put the textarea to a form, naming them, and just use the DOM objects easily, like this: >텍스트 영역 개체</a>/em>/p>텍스트 영역을 양식에 넣고 이름을 지정한 후 DOM 개체를 쉽게 사용할 수 있습니다.<pre><code><body onload="form1.box.value = 'Welcome!<pre><code><body onload="form1.box.value = '어서오세요!'"> '"> <form name="form1"> <양식명="양식1"> <textarea name="box"></textarea> <text area name="box"></text area> </form> </형식></body> </본문></code></pre></code>//pre>Here is a simple vanilla JS example that changes the textarea content on a button click.버튼 클릭으로 텍스트 영역 내용을 변경하는 간단한 바닐라 JS 예시가 있습니다. <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <div class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code>const button = document.<pre class="snippet-code-js lang-js prettprint-override"><code>const 버튼 = 문서querySelector("#button"); querySelector("#버튼");const messageBox = document.const messageBox = 문서.querySelector("#message"); querySelector("#message");button.addEventListener("click", ()=>{ button.addEventListener("클릭"), (=) {messageBox.innerText = "Please type your message here."messageBox.innerText = "여기에 메시지를 입력하십시오." });</code></pre> });//code>//pre> <pre class="snippet-code-html lang-html prettyprint-override"><code> <h1>TextArea Examplw with JavaScript</h1> <pre class="snippet-code-html lang-html prettprint-override"><code><h1>자바스크립트를 사용한 텍스트 영역 예제 </h1> <textarea id="message"></textarea> <text area id="message">/text area> <button id="button"<button id="button">Click to Change</button></code></pre> >변경하려면 클릭 </버튼></code></pre> </div> </div></div> </div>Reference참조URL : <a href='https://stackoverflow.com/questions/1642447/how-to-change-the-content-of-a-textarea-with-javascript' target='_blank'>https://stackoverflow.com/questions/1642447/how-to-change-the-content-of-a-textarea-with-javascript</a>URL : <a href='https://stackoverflow.com/questions/1642447/how-to-change-the-content-of-a-textarea-with-javascript' target='_blank'>https://stackoverflow.com/questions/1642447/how-to-change-the-content-of-a-textarea-with-javascript </a>/p>

'programing' 카테고리의 다른 글

jQuery - 요소 내부에서 요소 선택 (0)	2023.10.31
Google 지도 마커 아이콘 이미지 크기 조정 (0)	2023.10.31
sql 그룹 대 구별 (0)	2023.10.31
wmain과 main의 차이점은 무엇입니까? (0)	2023.10.31
GSSAPI-PHP를 사용한 MariaDB 인증(Windows) (0)	2023.10.31

현재글a의 내용을 변경하는 방법a의 내용을 변경하는 방법a의 내용을 변경하는 방법

각종 프로그래밍 정보를 다루는 블로그입니다.

C, Spring-Boot, MySQL, sql-server, bash, JSON, mongoDB, Powershell, angularjs, MariaDB, ASP.NET, CSS, Python, Ajax, oracle, reactjs, WordPress, Git, jquery, Excel,

Today :
Yesterday :

일	월	화	수	목	금	토
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31

javajsp

a의 내용을 변경하는 방법a의 내용을 변경하는 방법a의 내용을 변경하는 방법

'programing' 카테고리의 다른 글

'programing'의 다른글

티스토리툴바

a의 내용을 변경하는 방법a의 내용을 변경하는 방법a의 내용을 변경하는 방법

'programing' 카테고리의 다른 글

'programing'의 다른글

관련글

티스토리툴바