javascript改,JavaScript改变文本内容

如何用javascript改变DIV中的内容?

通过document.getElementById("div的ID名字").innerHTM=“你要设置的值”来实现。

代码示例如下：

=================================

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标签

相关问答

Q1: javascript怎么修改表格的内容

用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区间内即可。

Q2: JavaScript是如何改变网页的CSS样式的？

通常我们将网页的样式和内容分开，样式放在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改变样式的内容，可以看看，希望对你有帮助。

Q3: javascript怎么改css

JS可以使用css属性来进行样式修改，并且不仅可以修改单一属性，也可以同时修改多个属性。案例以下小案例使用JQuery作为演示。前提：html页面首先必须引入JQuery，放置在body体最后的位置。例如：html部分代码我是一个段落，我没有背景颜色