通过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标签
何用javascript改变DIV中的内容分为2步。
1、获得div元素
利用代码:
document.getElementById('1')
可以获得这个div的dom元素
2、改变div的innerText属性
代码
document.getElementById('1').innerText='内容2'
即可把div的内容变为"内容2"
这是测试页面
先用js获取到div的内容
document.getElementById('div').innerHTML;
直接赋值给对象
document.getElementById('div').innerHTML="你好,请采纳!";
如何用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...