>  기사  >  웹 프론트엔드  >  getElementById().innerHTML과 getElementById().value의 차이점을 자세히 설명하겠습니다.

getElementById().innerHTML과 getElementById().value의 차이점을 자세히 설명하겠습니다.

亚连
亚连원래의
2018-05-19 14:49:392580검색

이 글에서는 getElementById().innerHTML과 getElementById().value의 차이점을 주로 소개하는데, 필요하신 분들은 참고하시면 됩니다

간단히 말하면 form에는 value를, 문자 삽입에는 innerHTML을 사용하세요

예를 들어

값 속성이 있는 태그만 사용할 수 있습니다 getElementById("jb51").valuegetElementById("jb51").value

12345

这种没有value属性的标签就用getElementById("jb51").innerHTMLLike

12345

값 속성이 없는 태그의 경우 getElementById("jb51").innerHTML을 사용하세요.

document.getElementById()를 사용하여 ID가 ​​있는 요소를 가져올 수 있습니다. 페이지

그런 다음 값과 같은 이 요소의 속성에 액세스하세요

요소에 값 속성이 있으면 해당 값은 값을 갖게 됩니다
예제 1

이러한 요소의 경우 document.getElementById("txt1").value를 사용하면 문자열 "hello"인 값을 얻을 수 있습니다.

요소에 값이 없으면 document.getElementById().value를 사용할 때 요소를 가져올 수 없습니다. 이것은 당연한 문제입니다. 가지고 있지 않은 것에 어떻게 접근할 수 있습니까?

예를 들어 p 마크가 반드시 값을 가질 필요는 없습니다.

innerHTML

이것은 요소의 콘텐츠를 나타냅니다.

예제 2

요소에는 시작 태그와 끝 태그가 있습니다(예:

).

document.getElementById("lb1").innerHTML을 사용하여 사이의 콘텐츠를 가져오는 경우, 즉 "이것은 레이블입니다"입니다.

위 내용은 제가 여러분을 위해 정리한 내용입니다. 앞으로 도움이 되길 바랍니다.

관련글 : js
코드가 일정 시간 지연된 후 함수를 실행하는 예


JS는 단순히 플로팅 윈도우를 구현하고

Avalonjs
은 간단한 장바구니 기능

🎜🎜

위 내용은 getElementById().innerHTML과 getElementById().value의 차이점을 자세히 설명하겠습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.