innerHTML 屬性用于獲取或替換 HTML 元素的內容，語法為Object.innerHTML
其中1.Object是獲取的元素對象，如通過document.getElementById("ID")獲取的元素；2.注意書寫，innerHTML區分大小寫。
我們通過id="light"獲取<div> 元素，并將元素的內容輸出和改變元素內容，代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>innerHTML屬性</title>
</head>
<body>
<div id="cshi">
你好，黑夜20200317
</div>
<!-- <script type="text/javascript">
var mylight=document.getElementById('light');
document.write('原始內容:'+mylight.innerHTML+'<br/>');//輸入元素內容
mylight.innerHTML='javascript tomorrow';//修改元素內容
document.write('替換內容:'+mylight.innerHTML);
</script> -->
<script type="text/javascript">
var mystr=document.getElementById('cshi');
mystr.innerHTML="DOM操作";
// document.write(mystr);
</script>
</body>
</html>
通過id獲取h3標簽元素,并賦給變量mychar,然后使用innerHTML屬性，將獲取的h3標簽內容修改為"Hello world!"
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>innerHTML</title>
</head>
<body>
<h3 id="con">javascript</H2>
<p> JavaScript是一種基于對象、事件驅動的簡單腳本語言，嵌入在HTML文檔中，由瀏覽器負責解釋和執行，在網頁上產生動態的顯示效果并實現與用戶交互功能。</p>
<script type="text/javascript">
var mychar= document.getElementById('icon'); ;
document.write("原標題:"+mychar.innerHTML+"<br>"); //輸出原h3標簽內容
mychar.innerHTML="Hello world!";
document.write("修改后的標題:"+mychar.innerHTML); //輸出修改后h3標簽內容
</script>
</body>
</html>
總結
到此這篇關于javascript中innerHTML 獲取或替換html內容的文章就介紹到這了,更多相關js替換html內容內容請搜索億速云以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持億速云！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
