欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript簡單實現(xiàn)動態(tài)改變HTML內(nèi)容的方法示例

 更新時間：2018年12月25日 11:07:53   作者：ChouCat  
這篇文章主要介紹了JavaScript簡單實現(xiàn)動態(tài)改變HTML內(nèi)容的方法,結(jié)合實例形式分析了javascript簡單獲取及修改HTML元素的相關(guān)操作技巧,非常簡單易懂,需要的朋友可以參考下

本文實例講述了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 = "歡迎訪問腳本之家 www.dbjr.com.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è)計有所幫助。

相關(guān)文章

最新評論