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

比如原来的内容为"内容1"
<div id="1">内容1</div>
现在要改成"内容2",怎么处理?

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

温馨提示:内容为网友见解,仅供参考
第1个回答  2018-06-26

何用javascript改变DIV中的内容分为2步。

1、获得div元素

利用代码:

document.getElementById('1')

可以获得这个div的dom元素

2、改变div的innerText属性

代码

document.getElementById('1').innerText='内容2'

即可把div的内容变为"内容2"

这是测试页面

本回答被网友采纳
第2个回答  2015-06-25

    先用js获取到div的内容

    document.getElementById('div').innerHTML;

    直接赋值给对象

document.getElementById('div').innerHTML="你好,请采纳!";

第3个回答  2006-09-26
最简单的方法!

DIV的ID的名字.innerText="内容2";

例:
index.htm
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<script>

</script>
</head>

<body>
<div id="abc">abc</div>
<br>
<a href="#" onclick="abc.innerText='bcd'">a</a>
</body>

</html>
第4个回答  2006-10-09
document.getElementById("1").innerHTML = "内容2";本回答被提问者采纳

如何用javascript改变DIV中的内容?
<div id = "1" >内容1<\/div> <input type="button" onclick="ChangeDiv()" value="设置DIV内容" \/> <\/body> <\/html> === 原页面内容如下:点击“设置DIV内容”按钮后,系统执行Javascript代码后结果如下:

如何用js正表达式把一个div内的所有div标签,全部转换为p标签?
按照你的要求编写的用正则表达式替换div内的所有div标签的javascript程序如下(见图)

如何用JavaScript修改指定ID里面指定的classDIV内容?
首先你要获取这个元素。var oneDom = document.getElementById("one");之后改id为one这个div元素的class类名:oneDom.className = "我很好";如果你不想覆盖这个元素中class类名原有的值,那么就这样写:oneDom.className +=" "+"我很好";如果你想改id为one这个div元素的内容那么就这样写:oneDom...

js改变div的位置?
divid='p2'Thisisanotherparagraph.222222\/div divid='div1'333333333\/div buttonclass="btn1"用粗体文本替换所有段落\/button \/body \/html javaScript改变div的位置参考如下:inputtype="text"divid="divShow"style="display:none;position:absolute;"显示的内容;\/div display:none,表示此层隐藏;posit...

js控制div显示隐藏实现(jquery控制div显示隐藏)
04 运行页面,我们点击按钮,如果div是正在显示的,点击后就会隐藏,如果是隐藏状态的,点击后就会显示。js控制div的显示和隐藏使用JavaScript控制div的显示隐藏,通常是修改div元素的display为none。display属性定义和用法 display属性规定元素应该生成的框的类型。display属性可能的值 JavaScript控制div的隐藏 比...

JavaScript 如何获取和修改 div 中style中的值
<body><div style="height: 20px;width: 20px;background: #666;" id="node"><\/div><script> \/\/ 使用原生JS var node = document.getElementById("node"); node.style.background = "black"; \/\/ 使用JQuery var node = $("#node"); node.css("background", "...

javascript 实现两个div位置互换或者内容互换 请高手给个经典实用的代码...
<div id='div1'>xxx<\/div><div id='div2'>yyy<\/div><script> var d1=document.getElementById('div1').innerHTML;var d2=document.getElementById('div2').innerHTML;document.getElementById('div2').innerHTML=d1;document.getElementById('div1').innerHTML=d2;<\/script> ...

js中如果往div中写入内容,应该使用div的什么属性?
使用js实现如果写入文本文件 $("#div1").text要写入的内容 使用jquery实现如果写入文本文件 $("#div1").text("要写入的内容");如果写入html, $('#div1').html("html内容");使用 JavaScript dom document.getElementById("div1").innerHTML="要写入的内容";<div id="box"><\/div> 此时DI...

js点击div移动位置?
5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行func()函数。6、在js标签中,创建func()函数,在函数内,通过id(mytext)获得div对象,通过html()方法获得div内的文本内容,使用if语句判断获得的文字内容是否为指定的文本内容,如果不是,则通过html()方法改变文本内容。

关于javascript改变div的id值的疑问。求帮助十分感谢!
1、JS逻辑好像有问题吧。个人认为应该这样子才没问题:function s() { if (sheight < 900) document.getElementsByTagName(div)[0].id = "css2";} 2、没有getElementsById方法,document.getElementById没有s的。3、JS能改变的,仅是当前展示的内容,刷新以后,页面已经重载了,所以会变回css1...

相似回答