通过document.getElementById("div的ID名字").innerHTM=“你要设置的值”来实现。
创新互联建站-专业网站定制、快速模板网站建设、高性价比景谷网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式景谷网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖景谷地区。费用合理售后完善，10余年实体公司更值得信赖。
代码示例如下：
=================================
html
head
meta charset="UTF-8"
script
function ChangeDiv()
{
document.getElementById("1").innerHTML="内容2";
}
/script
/head
br br br
div id = "1" 内容1/div
input type="button" onclick="ChangeDiv()" value="设置DIV内容" /
/body
/html
==========================
原页面内容如下：
点击“设置DIV内容”按钮后，系统执行Javascript代码后结果如下：
扩展资料：
DIV标签，称为区隔标记。作用是设定字、画、表格等的摆放位置。当你把文字、图象，或其他的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。而中文我们把它称作“层次”。
DIV元素，是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。
参考资料：百度百科词条--DIV标签
用javascript动态修改表格内容,先来看JS部分代码：
script
var arr=new Array()
arr[0]="这是改变后的内容一";
arr[1]="这是改变后的内容二";
arr[2]="这是改变后的内容三";
/script
把切换后的内容写在了JavaScript的数组里，这样方便。
使用上面的JavaScript：
select onchange="zz.cells[this.selectedIndex].innerHTML=arr[this.selectedIndex]"
option value=a改变第一格/option
option value=a改变第二格/option
option value=a改变第三格/option
/select
table id=zz border=1
tr height=20
td width=220第一格/td
td width=220第二格/td
td width=220第三格/td
/tr
/table
把以上代码放入网页的body/body区间内即可。
通常我们将网页的样式和内容分开，样式放在css文件，内容放在html文件，当html文件需要用到样式的时候，直接引用css中定义的样式就可以了。其实JavaScript也能使用css文件或直接改变样式的属性来动态的改变网页的样式。
1、JavaScript设置内联样式
改变样式最直接的方法就是改变元素节点的style属性。如：
myElement.sytle.color = “red”;
myElement.sytle.left = “40px”;
myElement.sytle.backgroundRepeat = “repeat-x”;
JavaScript设置内联样式时，采用和css设置样式一样的风格。如设置myElement的color属性时，我们可以赋值任何在css中可以用的值，所以这里除了可以使用”red”，还可以使用”blue”, ”yellow”或十六进制的”#ff0000”。
另外用JavaScript改变网页的属性还需要注意2点：
l JavaScript中采用驼峰命名法：在css中，属性名中的单词之间是用横杠隔开，如font-weight, background-color。但在JavaScript中，横杠可能被认为是减号，所以采用驼峰命名法，单词之间不用横杠，如font-weight在JavaScript中应该写成fontWeight;而background-color写成backgroundColor。
l JavaScript中属性值为字符串：在css中，属性值都写在双引号中，即要用字符串来给css相关属性赋值，同样当属性值有单位时，我们需要将单位也写在字符串中。
2、JavaScript设置外部样式
当你需要改变的样式已经在css文件中定义了，我们也可以用JavaScript直接用定义好的css样式。如下格式：
myElement.className = “someCSSclass”;
同样需要注意几点：
l 不要将className写成class，因为class是JavaScript保留的关键字，我们不能使用。
l 将定义在css中的样式直接赋值给className，就能改变myElement元素的样式。
l 当要删除元素的样式，可以给className属性赋值为空。如：
myElement.className = “”;
教程网 站-秒秒学上的JavaScript课程有一个章节专门讲解JavaScript改变样式的内容，可以看看，希望对你有帮助。
JS可以使用css属性来进行样式修改，并且不仅可以修改单一属性，也可以同时修改多个属性。案例以下小案例使用JQuery作为演示。前提：html页面首先必须引入JQuery，放置在body体最后的位置。例如：html部分代码我是一个段落，我没有背景颜色
