本文实例讲述了JavaScript简单实现动态改变HTML内容的方法。分享给大家供大家参考,具体如下:
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> JavaScript:改变HTML内容& lt;/title>
& lt; script>
函数myFunction () {
x=. getelementbyid(“演示”);
console.dir (x);
x。innerHTML="欢迎访问www.jb51.net”;//改变内容
x.style.color=" # ff0000”;//改变样式
}
& lt;/script>
& lt;/head>
& lt; body>
& lt; p id=把菔尽痹趈s能够改变html元素的内容。;/p>
& lt;按钮类型=鞍磁ァ痹诘慊髡饫? lt;/button>
& lt;/body>
& lt;/html>
之前
这里使用:http://tools.jb51.net/code/HtmlJsRun测试运行上述代码,可得到如下运行结果:
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript操作DOM技巧总结》,《JavaScript页面元素操作技巧总结》,《JavaScript事件相关操作与技巧大全》,《JavaScript查找算法技巧总结》,《JavaScript数据结构与算法技巧总结》,《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
