简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > js教程 > 主體

透過js改變html的原有內容的實作方法

不言
發布： 2018-06-12 14:33:08
原創
1983 人瀏覽過

下面為大家帶來一篇js改變html的原始內容實作方法。內容還挺不錯的，現在就分享給大家，也給大家做個參考。

如下：

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js改变html的内容</title>
<!-- 不能把JavaScript写在这个头部来改变html的内容-->
</head>

<body>
<!-- 不能把JavaScript写在定义pid的前面来改变html的内容-->
<p id="pid">Hello Html!</p>
<script type="text/javascript">
	document.getElementById("pid").innerHTML="绝地反击";//js改变html的内容
</script>
</body>
</html>
登入後複製

以上就是本文的全部內容，希望對大家的學習有幫助，更多相關內容請關注PHP中文網！

相關推薦：

如何使用JS中DOM來控制HTML元素

如何利用js拼接html字串

以上是透過js改變html的原有內容的實作方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
js改变html内容
來源：php.cn
上一篇：如何應用vue文件樹元件 下一篇：前端演算法中有關文字避讓的問題（詳細教學）
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
Nuxt 3動態頁面變更URL，但內容不變且僅取得資料一次 我有一個products/index頁面，主產品頁面中有products/[slug]我有一個NuxtLink來更改頁面並前往products/[slug]並取得資料對於該產品。第...
來自於 2023-11-03 14:39:04
0
1
285
MySQL 中多列索引中的欄位順序重要嗎？ 我知道索引的重要性以及連接順序如何改變效能。我已經閱讀了大量與多列索引相關的內容，但沒有找到我的問題的答案。我很好奇，如果我做一個多列索引，它們指定的順序是否重要。我的猜測是不會，...
來自於 2023-10-21 22:05:44
0
2
167
修改textNode值 有什麼方法可以更改網頁瀏覽器中DOMtextNode的值嗎？我特別想看看是否可以更改現有節點，而不是建立一個新節點。為了澄清，我需要使用Javascript來完成此操作。瀏覽器中的...
來自於 2023-10-17 20:55:25
0
2
261
isset() 和empty() - 使用什麼 你能幫助我改進我的程式設計風格嗎？ :)在某些任務中我需要檢查-變數是否為空或包含某些內容。為了解決這個任務，我通常會執行以下操作。檢查-該變數是否已設定？如果已設定-我檢查-它是...
來自於 2023-10-16 20:54:57
0
2
231
致命錯誤：對空物件呼叫成員函數prepare() 我正在嘗試訪問類別及其內容的清單。我有一個名為“類別”的課程。我不斷收到此錯誤。奇怪的是，到目前為止我已經在其他兩個地方使用了相同的程式碼，沒有任何問題。我在這裡所做的只是重用程式...
來自於 2023-10-14 15:49:30
0
2
368
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！