자바 스크립트의 입력 필드를 사용하여 div 대체

Rick Standaert

그런 다음 입력 필드 "datum"에 날짜를 입력하고 해당 날짜가 div "test1"의 내용을 대체해야합니다. 누구든지 나를 도울 수 있습니까 : P? 나는 이것에 대해 잠시 어려움을 겪고 있습니다. 이것은 내 코드입니다.

<form>
    Datum: <input type="text" id="datum">
</form> 

<script>

    var MyDiv1 = Document.getElementById('datum');

    document.getElementById("www").onclick = function() {   

        document.getElementById("test1").innerHTML = 'MyDiv1';  
    };
</script>

<div id='test1'>This is a dummy text</div>
<a id="www" >Replace it!</a>
사이먼 스터

'document'를 소문자로하고 'MyDiv1'주위의 따옴표를 제거하고 요소 자체가 아닌 값을 가져와야합니다.

 <form>
Datum: <input type="text" id="datum">
</form> 

<script>

  var MyDiv1 = document.getElementById('datum');

document.getElementById("www").onclick = function() {


document.getElementById("test1").innerHTML = MyDiv1.value;  
};
</script>

<div id='test1'>This is a dummy text</div>
<a id="www" >Replace it!</a>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

자바 스크립트를 사용하여 입력 필드의 최대 길이를 얻는 방법

분류에서Dev

자바 스크립트를 사용하여 입력 텍스트 필드에서 json 객체 값 검색

분류에서Dev

자바 스크립트를 사용하여 입력 필드에서 문장의 첫 글자 만 대문자로 쓰는 방법은 무엇입니까?

분류에서Dev

자바 스크립트 (새 필드)를 사용하여 입력 값 계산

분류에서Dev

자바 스크립트의 사용자 입력 필드 합계

분류에서Dev

자바 스크립트를 사용하여 필드의 키 입력 유효성 검사

분류에서Dev

자바 스크립트를 사용하여 포커스 입력

분류에서Dev

자바 스크립트를 사용하여 입력 필드 텍스트 상자에서 여러 단어 확인

분류에서Dev

자바 스크립트를 사용하여 대화 상자에 텍스트 입력

분류에서Dev

div img src 'title'은 자바 스크립트를 사용하여 입력을 형성합니다.

분류에서Dev

div img src 'title'은 자바 스크립트를 사용하여 입력을 형성합니다.

분류에서Dev

자바 스크립트를 사용하여 DOM에 DIV 컨테이너 삽입

분류에서Dev

자바 스크립트를 사용하여 div의 텍스트 업데이트

분류에서Dev

자바 스크립트를 사용하여 파일 입력 대화 상자를 닫을 수 있습니까?

분류에서Dev

자바 스크립트를 사용하여 HTML 테이블의 여러 인덱스에 대한 검색 필드

분류에서Dev

자바 스크립트를 사용하여 div의 크기 설정

분류에서Dev

자바 스크립트를 사용하여 입력에 대한 증가 화살표 값 확인

분류에서Dev

자바 스크립트를 사용하여 HTML 텍스트 상자의 입력을 표시하는 방법

분류에서Dev

자바 스크립트를 사용하여 숫자 만 제한하고 범위를 최대 및 최소로 설정하기위한 입력 필드의 유효성을 검사하는 방법

분류에서Dev

자바 스크립트를 사용하여 할당 된 입력 필드 '값'을 가져올 수 없습니다.

분류에서Dev

자바 스크립트를 사용하여 입력 필드 활성화 및 비활성화

분류에서Dev

자바 스크립트에서 변수를 이름으로 사용하여 입력 필드 값 가져 오기

분류에서Dev

PHP 대신 자바 스크립트를 사용하여 객체 빌드

분류에서Dev

자바 스크립트 교체를 사용하여 <span> 태그 삽입

분류에서Dev

자바 스크립트를 사용하여 텍스트 필드의 입력 번호를 1 ~ 9로 제한하는 방법

분류에서Dev

자바 스크립트는 여러 div 태그를 대체합니다.

분류에서Dev

자바 스크립트를 사용하여 div 숨기기

분류에서Dev

자바 스크립트를 사용하여 DIV 요소 이동

분류에서Dev

자바 스크립트를 사용하여 div 재정렬

Related 관련 기사

  1. 1

    자바 스크립트를 사용하여 입력 필드의 최대 길이를 얻는 방법

  2. 2

    자바 스크립트를 사용하여 입력 텍스트 필드에서 json 객체 값 검색

  3. 3

    자바 스크립트를 사용하여 입력 필드에서 문장의 첫 글자 만 대문자로 쓰는 방법은 무엇입니까?

  4. 4

    자바 스크립트 (새 필드)를 사용하여 입력 값 계산

  5. 5

    자바 스크립트의 사용자 입력 필드 합계

  6. 6

    자바 스크립트를 사용하여 필드의 키 입력 유효성 검사

  7. 7

    자바 스크립트를 사용하여 포커스 입력

  8. 8

    자바 스크립트를 사용하여 입력 필드 텍스트 상자에서 여러 단어 확인

  9. 9

    자바 스크립트를 사용하여 대화 상자에 텍스트 입력

  10. 10

    div img src 'title'은 자바 스크립트를 사용하여 입력을 형성합니다.

  11. 11

    div img src 'title'은 자바 스크립트를 사용하여 입력을 형성합니다.

  12. 12

    자바 스크립트를 사용하여 DOM에 DIV 컨테이너 삽입

  13. 13

    자바 스크립트를 사용하여 div의 텍스트 업데이트

  14. 14

    자바 스크립트를 사용하여 파일 입력 대화 상자를 닫을 수 있습니까?

  15. 15

    자바 스크립트를 사용하여 HTML 테이블의 여러 인덱스에 대한 검색 필드

  16. 16

    자바 스크립트를 사용하여 div의 크기 설정

  17. 17

    자바 스크립트를 사용하여 입력에 대한 증가 화살표 값 확인

  18. 18

    자바 스크립트를 사용하여 HTML 텍스트 상자의 입력을 표시하는 방법

  19. 19

    자바 스크립트를 사용하여 숫자 만 제한하고 범위를 최대 및 최소로 설정하기위한 입력 필드의 유효성을 검사하는 방법

  20. 20

    자바 스크립트를 사용하여 할당 된 입력 필드 '값'을 가져올 수 없습니다.

  21. 21

    자바 스크립트를 사용하여 입력 필드 활성화 및 비활성화

  22. 22

    자바 스크립트에서 변수를 이름으로 사용하여 입력 필드 값 가져 오기

  23. 23

    PHP 대신 자바 스크립트를 사용하여 객체 빌드

  24. 24

    자바 스크립트 교체를 사용하여 <span> 태그 삽입

  25. 25

    자바 스크립트를 사용하여 텍스트 필드의 입력 번호를 1 ~ 9로 제한하는 방법

  26. 26

    자바 스크립트는 여러 div 태그를 대체합니다.

  27. 27

    자바 스크립트를 사용하여 div 숨기기

  28. 28

    자바 스크립트를 사용하여 DIV 요소 이동

  29. 29

    자바 스크립트를 사용하여 div 재정렬

뜨겁다태그

보관