innerText innerHTML 사용법 및 주의사항 [권장]_javascript 기술

1: 텍스트와 HTML을 동적으로 변경합니다

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>데모1</title> <style type="text/css"> p { color:gray; } </style> <p> </p> <p>아래 텍스트를 클릭해주세요... </p> <ul> <li id="DT" onclick="changeText()"> </li>잘 지내세요?<li id="DH" onclick="changeHtml()"> </li>당신의 성은 무엇입니까?<li onclick="back()"> </li>원래 상태로 복원</ul>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.

]

innerText 속성은 출력할 텍스트를 정의하는 데 사용됩니다. 이 예에서 innerText는 개체 DT의 "How are you?" 텍스트를 "I'm Fine!"으로 변경합니다. 난 괜찮아!"). innerHTML 속성은 DH 객체를 변경하는 데 사용됩니다. innerText의 기능 외에도 DH 객체 내부의 HTML 문도 변경할 수 있으므로 텍스트를 "My last name is Xiao!"로 변경하고 텍스트 출력은 다음과 같습니다. 기울임꼴()로 변경하고 아래에 직선()을 추가합니다. 즉, DH.innerHTML="". 외부텍스트와 외부HTML도 비슷한 기능을 갖고 있으므로 독자들이 직접 시도해 볼 수도 있습니다.
2: 텍스트의 동적 입력 및 출력

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> </title>데모2<style type="text/css"> p { color:gray; } body { font-family:宋体; color:blue; font-size:9pt; } .blue { color:blue; font-size:9pt; } </style> <form id="frm"> <p> <input type="text" name="txt" size="50"> <input type="button" value="输出文本" class="blue" onclick="OutputText()"> 텍스트 상자에 텍스트를 입력하세요. </p> <p id="output"> </p> </form> 여기에 텍스트 출력:
[Ctrl A 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]
이 예의 효과는 먼저 텍스트 상자에 텍스트를 입력한 다음 "텍스트 출력" 버튼을 누르면 웹 페이지가 입력한 텍스트를 자동으로 출력하는 것입니다.
3: innerHTML에는 자동 자동으로 구문 검사 기능 HTML 코드가 완전히 완성되었습니다. 이는 마술적이라고 할 수 있습니다

예를 들어 다음 스크립트 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> </title> 데모3 <p id="tab" onclick="Get()"> </p> 저를 클릭해주세요!!!

[Ctrl A 모두 선택 참고:
외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]

달리기의 효과는 다음과 같습니다:
그림과 같이:

그러므로 사용 시 주의하시기 바랍니다. 예를 들어 이러한 작업을 수행하면 오류가 발생합니다. 코드를 복사하세요. >

코드는 다음과 같습니다.


list.innerHTML="" list.innerHTML="

"
중간 변수를 사용해야 합니다
HTML 코드

코드 복사 코드는 다음과 같습니다

var html=""
html ="

" list.innerHTML=html; ;html ="

"; list.innerHTML=html; 이 방법으로 문제를 해결할 수 있습니다. 또한: innerText in Firefox에서는 지원되지 않습니다. innerHTML은 W3C 표준을 준수하는 속성이며 innerText는 IE 브라우저에만 적용 가능합니다. HTML 태그 없이 콘텐츠를 출력하려면 innerHTML을 사용하여 HTML 태그가 포함된 콘텐츠를 가져온 다음 정규식을 사용하여 HTML 태그를 제거할 수 있습니다. 다음은 W3C 표준을 준수하는 간단한 예입니다. a href="javascript :alert(document.getElementById('test').innerHTML.replace(/<. ?>/gim,''))">HTML 없음, W3C 표준 준수 본 웹사이트의 성명 본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요. 핫 AI 도구 Undresser.AI Undress 사실적인 누드 사진을 만들기 위한 AI 기반 앱 AI Clothes Remover 사진에서 옷을 제거하는 온라인 AI 도구입니다. Undress AI Tool 무료로 이미지를 벗다 Clothoff.io AI 옷 제거제 AI Hentai Generator AI Hentai를 무료로 생성하십시오. 더보기 인기 기사 R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈) 2 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌 Repo : 팀원을 부활시키는 방법 1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌 헬로 키티 아일랜드 어드벤처 : 거대한 씨앗을 얻는 방법 1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌 스플릿 소설을이기는 데 얼마나 걸립니까? 4 몇 주 전 By DDD R.E.P.O. 파일 저장 위치 : 어디에 있고 그것을 보호하는 방법은 무엇입니까? 4 몇 주 전 By DDD 더보기 뜨거운 도구 메모장++7.3.1 사용하기 쉬운 무료 코드 편집기 SublimeText3 중국어 버전 중국어 버전, 사용하기 매우 쉽습니다. 스튜디오 13.0.1 보내기 강력한 PHP 통합 개발 환경 드림위버 CS6 시각적 웹 개발 도구 SublimeText3 Mac 버전 신 수준의 코드 편집 소프트웨어(SublimeText3) 더보기 뜨거운 주제 Gmail 이메일의 로그인 입구는 어디에 있나요? 7360 15 자바 튜토리얼 1628 14 Cakephp 튜토리얼 1353 52 라라벨 튜토리얼 1265 25 PHP 튜토리얼 1214 29 더보기 Related knowledge Mingchao 시험 중 주의 사항 소개 Mar 13, 2024 pm 08:13 PM Mingchao 테스트 중에는 정보 손실 및 비정상적인 게임 로그인을 방지하기 위해 시스템 업그레이드, 공장 초기화, 부품 교체를 피하시기 바랍니다. 특별 알림: 테스트 기간에는 이의 제기 채널이 없으므로 주의해서 처리하시기 바랍니다. Mingchao 테스트 중 주의 사항 소개: 시스템 업그레이드, 공장 설정 복원, 장비 구성 요소 교체 등을 수행하지 마십시오. 참고: 1. 정보 손실을 방지하려면 테스트 기간 동안 시스템을 주의 깊게 업그레이드하십시오. 2. 시스템이 업데이트될 경우 게임에 로그인할 수 없는 문제가 발생할 수 있습니다. 3. 이 단계에서는 아직 어필 채널이 열리지 않았습니다. 플레이어는 자신의 재량으로 업그레이드 여부를 선택하는 것이 좋습니다. 4. 동시에 하나의 게임 계정은 하나의 Android 기기와 하나의 PC에서만 사용할 수 있습니다. 5. 휴대폰 시스템을 업그레이드하거나 공장 설정으로 복원하거나 장치를 교체하기 전에는 테스트가 완료될 때까지 기다리는 것이 좋습니다. Douyin에서 처음으로 라이브 방송을 시작하는 방법은 무엇입니까? 처음 생방송을 할 때 주의할 점은 무엇인가요? Mar 22, 2024 pm 04:10 PM 단편 동영상 플랫폼의 등장으로 Douyin은 많은 사람들의 일상생활에서 없어서는 안 될 부분이 되었습니다. Douyin을 통한 라이브 방송과 팬들과의 소통은 많은 사용자들의 꿈입니다. 그렇다면 처음으로 Douyin에서 라이브 방송을 시작하는 방법은 무엇입니까? 1. Douyin에서 처음으로 라이브 방송을 시작하는 방법은 무엇입니까? 1. 준비 생방송을 시작하려면 먼저 Douyin 계정이 실명 인증을 완료했는지 확인해야 합니다. Douyin 앱의 "나" -> "설정" -> "계정 및 보안"에서 실명인증 튜토리얼을 확인하실 수 있습니다. 실명인증을 완료하신 후, 라이브 방송 조건을 충족하시면 Douyin 플랫폼에서 라이브 방송을 시작하실 수 있습니다. 2. 생방송 허가 신청 생방송 조건을 충족한 후 생방송 허가를 신청해야 합니다. Douyin 앱을 열고 "나"->"크리에이터 센터"->"직접"을 클릭하세요. C++ 개발 노트: C++ 코드에서 Null 포인터 예외 방지 Nov 22, 2023 pm 02:38 PM C++ 개발에서 널 포인터 예외는 일반적인 오류로, 포인터가 초기화되지 않거나 해제된 후에도 계속 사용될 때 자주 발생합니다. 널 포인터 예외는 프로그램 충돌을 일으킬 뿐만 아니라 보안 취약점을 유발할 수도 있으므로 특별한 주의가 필요합니다. 이 기사에서는 C++ 코드에서 널 포인터 예외를 방지하는 방법을 설명합니다. 포인터 변수 초기화 C++의 포인터는 사용하기 전에 초기화해야 합니다. 초기화되지 않은 경우 포인터는 임의의 메모리 주소를 가리키며 이로 인해 Null 포인터 예외가 발생할 수 있습니다. 포인터를 초기화하려면 포인터가 자주 묻는 질문 및 참고 사항: 일괄 쿼리에 MyBatis 사용 Feb 19, 2024 pm 12:30 PM MyBatis 일괄 쿼리 문에 대한 참고 사항 및 FAQ 소개 MyBatis는 유연하고 효율적인 데이터베이스 작업을 지원하는 탁월한 지속성 계층 프레임워크입니다. 그 중 일괄 쿼리는 한 번에 여러 데이터를 쿼리함으로써 데이터베이스 연결 및 SQL 실행의 오버헤드를 줄이고 시스템 성능을 향상시킬 수 있는 일반적인 요구 사항입니다. 이 기사에서는 MyBatis 배치 쿼리문에 대한 몇 가지 예방 조치와 일반적인 문제를 소개하고 구체적인 코드 예제를 제공합니다. 이것이 개발자에게 도움이 되기를 바랍니다. M 사용 시 주의할 점 네트워크 없이 pip를 설치하는 단계 및 주의사항 Jan 18, 2024 am 10:02 AM 오프라인 환경에서 pip 설치 방법 및 주의사항 네트워크가 원활하지 않은 오프라인 환경에서는 pip 설치가 어렵습니다. 이 글에서는 오프라인 환경에서 pip를 설치하는 여러 가지 방법을 소개하고 구체적인 코드 예제를 제공합니다. 방법 1: 오프라인 설치 패키지를 사용합니다. 인터넷에 연결할 수 있는 환경에서 다음 명령을 사용하여 공식 소스에서 pip 설치 패키지를 다운로드합니다. 이 명령은 공식 소스에서 pip 및 해당 종속 패키지를 자동으로 다운로드합니다. 소스를 다운로드하여 현재 디렉터리에 저장합니다. 다운로드한 압축 패키지를 원격 위치로 이동 Python 개발 노트: 일반적인 메모리 누수 문제 방지 Nov 22, 2023 pm 01:43 PM 고급 프로그래밍 언어인 Python은 배우기 쉽고, 사용하기 쉽고, 개발 효율성이 높다는 장점을 갖고 있으며, 개발자들 사이에서 점점 인기를 얻고 있습니다. 그러나 가비지 수집 메커니즘이 구현되는 방식으로 인해 Python은 많은 양의 메모리를 처리할 때 메모리 누수가 발생하기 쉽습니다. 이 글에서는 일반적인 메모리 누수 문제, 문제의 원인, 메모리 누수를 방지하는 방법이라는 세 가지 측면에서 Python 개발 중에 주의해야 할 사항을 소개합니다. 1. 일반적인 메모리 누수 문제: 메모리 누수는 작업 중에 프로그램이 할당한 메모리 공간을 해제할 수 없는 것을 의미합니다. 로컬 스토리지를 사용하여 데이터를 저장하는 단계 및 주의사항 Jan 11, 2024 pm 04:51 PM localStorage를 사용하여 데이터를 저장하는 단계 및 주의 사항 이 문서에서는 주로 localStorage를 사용하여 데이터를 저장하는 방법을 소개하고 관련 코드 예제를 제공합니다. LocalStorage는 서버를 통하지 않고 사용자 컴퓨터에 로컬로 데이터를 유지하는 브라우저에 데이터를 저장하는 방법입니다. 다음은 localStorage를 사용하여 데이터를 저장할 때 주의해야 할 단계와 사항입니다. 1단계: 브라우저가 LocalStorage를 지원하는지 확인 Golang 함수에서 가변 함수 매개변수를 사용할 때 주의할 점 May 17, 2023 pm 06:01 PM Golang은 유연한 함수 설계를 갖춘 강력한 형식의 정적 프로그래밍 언어입니다. 가변 함수 매개변수는 일반적으로 함수 매개변수 수가 불확실하거나 동적 매개변수 전송이 필요한 시나리오에서 사용됩니다. 가변 기능 매개 변수를 사용하면 편리하고 효과적이지만 주의가 필요한 몇 가지 문제도 있습니다. 이 기사에서는 가변 기능 매개 변수 사용 시 주의 사항을 자세히 소개합니다. 1. 가변 기능 매개변수란 무엇입니까? Golang에서 함수를 정의해야 하는데 함수의 매개변수 개수를 결정할 수 없는 경우 See all articles 공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！ 회사 소개 부인 성명 Sitemap © php.cn All rights reserved