JavaScript中innerHTML怎么使用-tutorial js-php.cn

JavaScript中innerHTML怎么使用

不言

Lepaskan： 2018-12-26 16:12:05

asal

37403 orang telah melayarinya

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

JavaScript

innerHTML的写法

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

element.innerHTML;

Salin selepas log masuk

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

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

var sample1 = element.innerHTML;

Salin selepas log masuk

用指定元素替换变量的值

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

element.innerHTML = sample2;

Salin selepas log masuk

清空指定的元素

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

element.innerHTML = “”;

Salin selepas log masuk

下面我们来看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>

Salin selepas log masuk

运行结果如下

JavaScript

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

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

Salin selepas log masuk

运行结果如下

JavaScript

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

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

Salin selepas log masuk

运行结果如下

2345截图20181222105808.png

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

Atas ialah kandungan terperinci JavaScript中innerHTML怎么使用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

JavaScript中innerHTML怎么使用