JavaScript中innerHTML怎么使用

來源：懂視網責編：小采時間：2020-11-27 19:28:21

JavaScript中innerHTML怎么使用

JavaScript中innerHTML怎么使用:innerHTML屬性允許更改html元素的內容，可以設置或返回表格行的開始和結束標簽之間的HTML，本篇文章就來給大家介紹關于innerHTML的用法，下面我們來看具體內容。innerHTML的寫法對于element，設置innerHTML指定的元素名稱。element.innerHTM

推薦度：

點擊下載本文 文檔為doc格式

導讀JavaScript中innerHTML怎么使用:innerHTML屬性允許更改html元素的內容，可以設置或返回表格行的開始和結束標簽之間的HTML，本篇文章就來給大家介紹關于innerHTML的用法，下面我們來看具體內容。innerHTML的寫法對于element，設置innerHTML指定的元素名稱。element.innerHTM

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="Gxl網！";
	</script>

運行結果如下

JavaScript

接著我們來看使用innerHTML來清空元素的代碼

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

運行結果如下

2345截圖20181222105808.png

本篇文章到這里就全部結束了，更多精彩內容大家可以關注Gxl網的相關欄目！！！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

JavaScript中innerHTML怎么使用

推薦度：

點擊下載本文 文檔為doc格式

標簽：怎么用如何 js

熱門焦點

JavaScript中innerHTML怎么使用

JavaScript中innerHTML怎么使用

JavaScript中innerHTML怎么使用

最新推薦

猜你喜歡

熱門推薦