JavaScript에서 innerHTML을 사용하는 방법-JS 튜토리얼-php.cn

JavaScript에서 innerHTML을 사용하는 방법

不言

풀어 주다： 2018-12-26 16:12:05

원래의

37402명이 탐색했습니다.

innerHTML属性允许更改html元素的内容，可以设置或返回表格行的开始和结束标签之间的HTML，本篇文章就来给大家介绍关于innerHTML的用法，下面我们来看具体内容。

JavaScript에서 innerHTML을 사용하는 방법에서 innerHTML을 사용하는 방법에서 innerHTML을 사용하는 방법

innerHTML的写法

对于element，设置innerHTML指定的元素名称。

element.innerHTML;

로그인 후 복사

将指定元素的html代码分配给变量

通过如下编写，我们将指定element的html代码分配给变量sample1

var sample1 = element.innerHTML;

로그인 후 복사

用指定元素替换变量的值

通过如下编写，可以在删除element元素的内容之后在element元素上显示变量sample2的内容。

element.innerHTML = sample2;

로그인 후 복사

清空指定的元素

可以通过指定“”来清空element元素的内容。

element.innerHTML = “”;

로그인 후 복사

下面我们来看innerHTML使用的具体示例

基本代码如下

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
<div id="txt">
      <div id="txt1">文字内容1 </div>
      <span id="txt2">文字内容2 </span>
    </div>
    <p>---------------------</p>
    <div id="innerHTMLtxt"></div>
</body>
</html>

로그인 후 복사

运行结果如下

JavaScript에서 innerHTML을 사용하는 방법에서 innerHTML을 사용하는 방법에서 innerHTML을 사용하는 방법

我们下面来看使用innerHTML属性的结果

<script type="text/javascript">
		innerHTMLtxt.innerHTML="php中文网！";
	</script>

로그인 후 복사

运行结果如下

JavaScript에서 innerHTML을 사용하는 방법에서 innerHTML을 사용하는 방법에서 innerHTML을 사용하는 방법

接着我们来看使用innerHTML来清空元素的代码

<script>
  txt.innerHTML="";
</script>

로그인 후 복사

运行结果如下

JavaScript에서 innerHTML을 사용하는 방법

本篇文章到这里就全部结束了，更多精彩内容大家可以关注php中文网的相关栏目！！！

위 내용은 JavaScript에서 innerHTML을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

Php8, 나도 갈게

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

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

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

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

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

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

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

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

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

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

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

웹소켓 비디오 튜토리얼

JavaScript에서 innerHTML을 사용하는 방법