JavaScript簡單實現(xiàn)動態(tài)改變HTML內(nèi)容的方法示例
本文實例講述了JavaScript簡單實現(xiàn)動態(tài)改變HTML內(nèi)容的方法。分享給大家供大家參考,具體如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript:改變 HTML 內(nèi)容</title>
<script>
function myFunction() {
x = document.getElementById("demo");
console.dir(x);
x.innerHTML = "歡迎訪問腳本之家 chabaoo.cn";//改變內(nèi)容
x.style.color="#ff0000"; //改變樣式
}
</script>
</head>
<body>
<p id="demo">js能夠改變html元素的內(nèi)容。</p>
<button type="button" onclick="myFunction()">點擊這里</button>
</body>
</html>
這里使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試運行上述代碼,可得到如下運行結(jié)果:

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript操作DOM技巧總結(jié)》、《JavaScript頁面元素操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- JavaScript動態(tài)改變HTML頁面元素例如添加或刪除
- js 動態(tài)創(chuàng)建 html元素
- JS自動生成動態(tài)HTML驗證碼頁面
- 用javascript動態(tài)注釋掉HTML代碼
- JS實現(xiàn)動態(tài)生成html table表格的方法分析
- JS簡單實現(xiàn)動態(tài)添加HTML標(biāo)記的方法示例
- 詳解js的事件處理函數(shù)和動態(tài)創(chuàng)建html標(biāo)記方法
- JS函數(shù)修改html的元素內(nèi)容,及修改屬性內(nèi)容的方法
- 基于HTML+CSS+JS實現(xiàn)增加刪除修改tab導(dǎo)航特效代碼
- JavaScript基于Dom操作實現(xiàn)查找、修改HTML元素的內(nèi)容及屬性的方法
相關(guān)文章
在js代碼拼接dom對象到頁面上去的模板總結(jié)(必看)
下面小編就為大家?guī)硪黄趈s代碼拼接dom對象到頁面上去的模板總結(jié)(必看)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
關(guān)于ckeditor在bootstrap中modal中彈框無法輸入的解決方法
今天小編就為大家分享一篇關(guān)于ckeditor在bootstrap中modal中彈框無法輸入的解決方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
微信小程序scroll-view實現(xiàn)左右聯(lián)動效果
這篇文章主要為大家詳細介紹了微信小程序scroll-view實現(xiàn)左右聯(lián)動效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-09-09

