请问如何使用JS注释页面内<div>标签内内容

JavaScript0137

请问如何使用JS注释页面内<div>标签内内容,第1张

使用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=""//将内容设置成空，也就是删除

}

html中的div如下，id为div1

<div id="div1">Hello World !</div>

js代码：

1、使用innerHTML:

var div1 = document.getElementById("div1")

div1.innerHTML+="加入内容"

2、使用appendChild:

var div1 = document.getElementById("div1")

var tag = document.createElement("p")

tag.innerHTML = "P内容"

div1.appendChild(tag)