javascript怎么修改div内容

这篇文章主要介绍了javascript怎么修改div内容，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

JavaScript的特点

1.JavaScript主要用来向html页面添加交互行为。2.JavaScript可以直接嵌入到HTML页面，但写成单独的js文件有利于结构和行为的分离。3.JavaScript具有跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行。

javascript修改div内容的方法：首先使用“document.getElementById('id值')”语句根据id值获取div对象；然后使用innerHTML属性修改div内容，语法“div对象.innerHTML='值'”。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript修改div内容的方法：

html代码：

<div id="updateId">将要被修改的div</div>

js代码：

<script type="text/javascript">function changeText(){document.getElementById('updateId').innerHTML = 'hello world！';}</script>

说明：

getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。

innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。

感谢你能够认真阅读完这篇文章，希望小编分享的“javascript怎么修改div内容”这篇文章对大家有帮助，同时也希望大家多多支持编程网，关注编程网精选频道，更多相关知识等着你来学习!