首页前端开发JavaScriptjavascript如何改变HTML内容

javascript如何改变HTML内容

时间2024-01-30 13:57:03发布访客分类JavaScript浏览1028
导读:收集整理的这篇文章主要介绍了javascript如何改变HTML内容,觉得挺不错的,现在分享给大家,也给大家做个参考。javascript改变HTML内容的方法:使用innerHTML属性来修改,例如【document.getElement...
收集整理的这篇文章主要介绍了javascript如何改变HTML内容,觉得挺不错的,现在分享给大家,也给大家做个参考。

javascript改变HTML内容的方法:使用innerHTML属性来修改,例如【document.getElementById(id).innerHTML = new text】。

本文操作环境:windows10系统、javascript 1.8.5& & html 5、ThinkPad t480电脑。

javascript修改html内容最简单的方法便是使用innerHTML属性,我们一起来看看语法:

document.getElementById(id).innerHTML = new text

比如我们要修改 p> 元素的内容:

html>
    body>
    p id="p1">
    Hello World!/p>
    script>
    document.getElementById("p1").innerHTML = "hello kITty!";
    /script>
    /body>
    /html>
    

解释:上面的 HTML 文档包含 id="p1" 的 p> 元素我们使用 HTML DOM 来获取 id="p1" 的这个元素JavaScript 把该元素的内容(innerHTML)更改为 "Hello Kitty!"

推荐学习:javascript视频教程

以上就是javascript如何改变HTML内容的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

htmljavascript

若转载请注明出处: javascript如何改变HTML内容
本文地址: https://pptw.com/jishu/592609.html
javascript如何求图形的面积 javascript怎么设置字体大小

游客 回复需填写必要信息