请问如何使用JS注释页面内<div>标签内内容 如何用JavaScript获取<div>*</div>标签中...

www.zhiqu.org     时间: 2024-06-16

  使用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): &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt; &lt;title&gt;无标题文档&lt;/title&gt; &lt;/head&gt; &lt;script type="text/javascript"&gt; 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): &lt;div id="div1"&gt; &lt;p&gt;.....&lt;/p&gt; &lt;/div&gt; 因为是动态数据,所以#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"); } */