怎么用js在指定位置生产一个表格?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么用js在指定位置生产一个表格?相关的知识,希望对你有一定的参考价值。

参考技术A 用jquery吧,配合div。
$(function()
$('#table').append('<table><tr><td>表格内容~</td></tr></table>');
)
<div id="table"> </div>追问

没有用,用的是DWR

追答

呵呵,没用过

追问

谢谢啦

追答

不客气,没帮上忙不好意思

参考技术B <html>
<script type="text/javascript">
function createtable()
var here=document.getElementById('here');
htmlstr='<table border="1">';
htmlstr+='<tr><td>';
htmlstr+='hello world';
htmlstr+='</td></tr>';
htmlstr+='</table>';
here.innerHTML=htmlstr;

</script>
<body>
<div id="here"></div>
<input type="button" value="createtable" onclick="createtable();">
</body>
</html>追问

怎么放到JSP中就不能运行了?

追答

你怎么放的啊

本回答被提问者采纳
参考技术C 添加一个div啊

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

rt
就是div的左上角与鼠标指针点击位置重合
如果改成点击的是图片 是不是会简单些?....求大神指教

1、先在一个文件目录下创建四个html文件,分别为index.html、page1.html、page2.html、page3.html。

2、接着用可编辑文本文件的软件打开四个html文件。如图先在index.html中加入三个div。

3、接着如图编写js代码,使得点击指定div后跳转指定页面。

4、其他三个html文件只是简单显示一下信息,三个文件的内容如图。

5、编辑完后,用浏览器打开index.html文件,结果如图。

6、点击第一个div,效果如图。

7、点击第二个div,效果如图。这样就成功用js实现点击指定div后跳转到指定页面了。

参考技术A

如下参考:

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

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

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

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

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

参考技术B

“leave_领悟”的回答思路是正确的,但是没有达到div左上角与鼠标指针点击位置重合的效果,其实只需要为新创建的div加上绝对定位即可,下面是修改后的代码,供楼主参考:

<script type="text/javascript">
window.onload=function()
    document.onmousedown=function(ev)
        var oEvent=ev||event;
        var oDiv=document.createElement('div');
        oDiv.style.left=oEvent.clientX+'px';  // 指定创建的DIV在文档中距离左侧的位置
        oDiv.style.top=oEvent.clientY+'px';  // 指定创建的DIV在文档中距离顶部的位置
        oDiv.style.border='1px solid #FF0000'; // 设置边框
        oDiv.style.position='absolute'; // 为新创建的DIV指定绝对定位
        oDiv.style.width='200px'; // 指定宽度
        oDiv.style.height='200px'; // 指定高度
        document.body.appendChild(oDiv); 
    

</script>

本回答被提问者采纳
参考技术C

 像下面这样:

<script>
window.onload=function()
    document.onmousedown=function(ev)
        var oEvent=ev||event;
        var oDiv=document.createElement('div');
        oDiv.style.left=oEvent.clientX+'px';    
        oDiv.style.top=oEvent.clientY+'px';    
        document.body.appendChild(oDiv); 
      
  
</script>

参考技术D 哈哈哈哈哈哈

以上是关于怎么用js在指定位置生产一个表格?的主要内容,如果未能解决你的问题,请参考以下文章

excel中怎么查找一个值在表格中的位置

在JS表格中怎么删除一行(不是指定行,而是我表格中每行后面都有一个删除按钮,按其中一个按钮就删除那一行

JS中的DOM---表格对象

excel表格函数公式教学 你知道吗?

求大神造个vba,提取总表指定位置的数据至多个固定格式表格的指定位置

指定excel电子表格在当前数据库的存储方式有