cari

Rumah >hujung hadapan web >tutorial js >JavaScript中innerHTML怎么使用

JavaScript中innerHTML怎么使用

不言
不言asal
2018-12-22 11:03:3637473semak imbas

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

JavaScript

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属性的结果

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


运行结果如下

JavaScript

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

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

运行结果如下

2345截图20181222105808.png

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


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

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：如何使用join()方法将元素连接为字符串Artikel seterusnya：如何使用JavaScript的parseInt()将字符串转换为整数

Artikel berkaitan

Lihat lagi