JS를 사용하여 태그 콘텐츠를 얻는 방법-JS 튜토리얼-php.cn

JS를 사용하여 태그 콘텐츠를 얻는 방법

php中世界最好的语言

풀어 주다： 2018-06-04 18:00:01

원래의

2959명이 탐색했습니다.

이번에는 JS를 사용하여 태그 내용을 가져오는 방법과 JS를 사용하여 태그 내용을 가져올 때 주의 사항에 대해 설명하겠습니다. 다음은 실제 사례입니다.

일상적인 JS 프로그래밍에서는 태그의 내용을 가져와서 작업해야 하는 경우가 많으며, 쉽게 간과할 수 있는 세부 사항이 많이 있습니다. 이제 제가 평소에 사용하는 방법을 토대로 간략하게 정리하겠습니다. 오류가 있으면 수정해 주시기 바랍니다.如 html 구조는 다음과 같습니다:

<!DOCTYPE  html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Title</title> </head> <body> <p id="box">     <p>这有个     第一个p</p>     <p>这有个第二个p</p>     <span>这是个         span</span>     <br>     <a href="#">这有个a标签</a> </p>
</body> </html>

로그인 후 복사

이 방법을 사용하면 레이블, 공백, 텍스트, 변경 사항 등을 포함하여 레이블의 모든 내용을 얻을 수 있습니다.

방법 1, innerHTML

 <script>
     var box = document.getElementById(&#39;box&#39;);//    获取标签的内容
     var box1 = box.innerHTML;
     console.log(box1);</script>

로그인 후 복사

JS 코드 및 렌더링은 다음과 같습니다.

innerHTML은 태그의 콘텐츠를 가져옵니다

태그의 콘텐츠를 지우려면 innerHTML = ""; it

태그에 내용을 설정하려면 innerHTML = "설정하려는 태그와 내용을 입력하세요."; 내용 설정 시 원본 내용을 모두 덮어쓰게 됩니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

JS를 사용하여 태그 콘텐츠를 얻는 방법