js如何实现：在页面中任意位置点击鼠标，则在该位置显示一个div_IT百科

如下参考：

1.页面复制有一个id为c2的div，下面有一个子div，下面有一个按钮，事件是用来点击100个adddiv。

2.在event函数中，定义一个内容为degreediv字符的字符串变量。

3.然后使用jquery的append将已知的div字符串添加到c2div，如下所示。

4.运行页面，现在只看到一个div，如下图所示。

5.单击下面的按钮来触发添加div的逻辑，如下所示。

<body>

var btn = document.getElementById("btn")

var divs = document.getElementsByTagName("div") //DIV数组

var index = divs.length-1 //得到最后一个DIV索引

btn.onclick=function(){

var divi = document.createElement("div") //创建一个DIV

var txt = document.createTextNode("第"+(divs.length+1)+"个DIV") //创建DIV的文字内容

divi.appendChild(txt) //将文字内容添加到新创建的DIV

divs[index].appendChild(divi) //将新创建的DIV添加到原来最后一个DIV的后面

}

</script>

</body>

看下效果

欢迎分享，转载请注明来源：内存溢出

js如何实现：在页面中任意位置点击鼠标，则在该位置显示一个div