请问如何使用JS注释页面内<div>标签内内容 如何用JavaScript获取<div>*</div>标签中...
使用JS注释页面内<div>标签内内容的方法
想做静态页面是把?用jquery控制吧。
js代码如下:
当你点击按钮时,触发事件,比如是a()事件:
function a(){
$("#2").html($("#1").html());//将id为1的内容插入到了id为2的div中
}
如果要删除,你做个按钮,点击触发事件。比如为b
function b(){
$("#2").empty();//将id为2的div清空,也就是你要的删除。
}
用jquery时要导入库,如果用js就这样写
function a(){ document.getElementById("2").innerHTML=document.getElementById("1").innerHTML;
}
function b(){
document.getElementById("2").innerHTML="";//将内容设置成空,也就是删除
}
JS可以设置<DIV>的显示和隐藏特性,不知道是否满足你所谓“注释“的要求。
例子代码:在浏览器打开有隐藏和显示的按钮,能实现相应的功能。
<html><body>
<div id="d1">测试DIV内容</div>
<button onclick="document.getElementById('d1').style.display='none';">隐藏</button>
<button onclick="document.getElementById('d1').style.display='';">显示</button>
</body></html>
用js插入页面的div标签中的内容~
使用JS的document.getElementById("ID").innerHTML获取标签内容。修改的只需在后面加上"="即可。
实例演示如下:
一、HTML的DOM设计。
1、设计两个DIV,其中第一个div放入入一些文字。
2、设计css样式如下,为了区分明显,加了border。
3、此时的页面展示如下:
二、函数功能的设计和绑定。
1、设计函数,实现赋值和删除的功能。
2、然后在两个button上分别绑定函数:
三、功能演示。
1、设计完成,点击【复制内容】,此时页面展示如下:(两个div内容已相同)。
2、此时点击【删除内容】,展示如下:内容再次被删除,恢复空白。
扩展资料:
HTML DOM innerHTML 属性:
1、定义和用法:innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。
2、语法:tablerowObject.innerHTML=HTML。
给div赋个ID属性
比如
var restring=document.getElementById("div1").innerHTML
返回的是
#晋枝善# 如何js弹出div -
(15715459611): js如下: 页面中: ---手机号码先登录--- 点击此处看看
#晋枝善# 如何用js 获取一个div的坐标? -
(15715459611): jquery肯定有的$("#div1").width()$("#div1").height()$("#div1").offset().top$("#div1").offset().left 看看代码 你应该就知道是什么意思了吧 增加节点 $div=$(""+this.mytitle+""); $("body").append($div);
#晋枝善# js如何实现思维导图添加标签注释 -
(15715459611): 用JS给HTML标签添加内容,首先我们需要做的就是获取到要添加的元素,一般是通过给这个元素一个id,然后在通过document来获取,然后在使用innerHTML添加这个元素的内容就行可以了.<html><head><script> function insert(){ var ...
#晋枝善# 如何使用HTML标记 -
(15715459611): html是静态网页主要的标记和顺序如下: 注释标记 在此标记内的内容网页是不显示的<!--设置文档标题以及其他不在WEB网...
#晋枝善# html怎么加注释 -
(15715459611): 注释方法 html注释: css 注释:/*注释内容*/ js注释://注释内容 或者 /*注释内容*/
#晋枝善# javascript怎么创建div
(15715459611): <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <script type="text/javascript"> function createDIV(){ var div=document.createElement...
#晋枝善# JS怎么获取可编辑DIV光标的位置 -
(15715459611): $('#boxes').focus( function() { $(this).val(); });使用以上代码,必须要下载jquery基层文件,下载...
#晋枝善# 如何用JS 获取DIV的坐标位置? -
(15715459611): div事先在输入框的下面的而且是隐藏的,当点击表情图标,div通过onclick激活JS某个函数,该函数内必须会有一段使隐藏的div显示出来的方法语句,是通过这样个流程实现的.怎样去定位这个表情DIV的位置的,这个css里面有一个叫position的方法,利用坐标x,y实现div位置任意改变.把div设置成相对定位或绝对定位,总之是让其拥有left,top值,当鼠标移进div的时候获取鼠标的坐标,用鼠标的left减去div的left值就是鼠标在div里面的left值,即鼠标在div中的x坐标,同理,用鼠标的top值减去div的top值就是鼠标在div里面的top值,即鼠标在div中的y坐标.
#晋枝善# 如何通过js给div的style动态赋值
(15715459611): <div id="div1"> <p>.....</p> </div> 因为是动态数据,所以#div1的高度是auto,无法获取到具体值. var div1=document.getElementById("div1"); alert(div1.style.height); //没有值 建议从css上改进. 比如给中间的div设置css {height:500px;overflow:auto;}这样就能固定高度,多出的内容用滚动条显示. 或者让尾部div相对中间的div定位.
#晋枝善# html5的.html怎么注释 -
(15715459611): html文件里面除了html标签代码,可能还会有css和js代码. html代码的注释用,要注释的内容写在中间,如: --> css代码的注释用/**/,如: /*p{color:red;}*/ js代码的注释用//进行单行注释,/**/进行多行注释,如: /* window.onload = function(){ //alert("hehe"); } */