js动态给一个DIV插入一个表格

提示:您可以先修改部分代码再运行

<div id="insertdiv">abc</div>
<script language="JavaScript">
<!--
insertdiv.innerText="";
var table1=document.createElement("<table border=1 width=500 bgcolor=black>");
table1.insertRow().insertCell().innerText="aaaaaaaaaaaaaaaa";
alert(table1.tagName);
document.getElementById("insertdiv").appendChild(table1);
//-->
</script>

提示:您可以先修改部分代码再运行

时间: 2024-09-20 18:44:20

js动态给一个DIV插入一个表格的相关文章

js动态添加的DIV中的onclick事件简单实例_javascript技巧

最简单的是这样: <input type="button" onclick="alert(this.value)" value="我是 button" /> 动态添加onclick事件: <input type="button" value="我是 button" id="bu"> <script type="text/javascript&quo

js动态生成指定行数的表格

下面用js实现可以生成用户所需行数的表格. 1.首先在body中填入下列代码,获取用户填入的行数值 1 <table> 2 <tr> 3 <td>动态生成表格</td> 4 <td><input id="Cold" type="text" class="input" size="10" name="Num"/>行</td>

js动态生成指定行数的表格_javascript技巧

下面用js实现可以生成用户所需行数的表格. 1.首先在body中填入下列代码,获取用户填入的行数值 复制代码 代码如下: <table> <tr> <td>动态生成表格</td> <td><input id="Cold" type="text" class="input" size="10" name="Num"/>行</td&g

js动态在form上插入enctype=multipart/form-data的问题_表单特效

我们都知道要让form能提交文件,需要在form上指定enctype=multipart/form-data的attribute,这样才能上传文件,关于enctype的文章很多,就不再做解释. 问题是因为使用了MVC的Html.BeginForm()来输出表单代码,默认是没有加入enctype的, 复制代码 代码如下: @using (Html.BeginForm()) { } 在PartialView中有一个<input type="file" />用来上传文件,又不想为

web前端-一个div内含三个div,内部三个div向左浮动,最后一个自适应大小

问题描述 一个div内含三个div,内部三个div向左浮动,最后一个自适应大小 在页面body里有一main层div,里面有三块div:left,Middle,right;全部向左浮动,最左边两个left,Middle,固定宽度,让最后一个div自适应剩余的空间,理想图如图: 而我现实出现成这样,如图最右边的只有一小块,不知道怎么设置成充满,而且,由于屏幕的分辨率会变,最右边的还容易跑到最下边去,如图: 求各位大神指导.... 解决方案 最好写百分比......这样最起码不会出现小屏的时候,第三

html-js动态生成的div在ie9下显示正常而在ie8下显示错位

问题描述 js动态生成的div在ie9下显示正常而在ie8下显示错位 html代码如下: js代码如下: function logIn(){ var new_page=document.createElement("div");//创建遮蔽层div new_page.style.position="absolute"; new_page.style.top=0; new_page.style.left=0; new_page.style.width=document

JS+CSS实现鼠标经过弹出一个DIV框完整实例(带缓冲动画渐变效果)_javascript技巧

本文实例讲述了JS+CSS实现鼠标经过弹出一个DIV框效果.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

通过JS动态创建一个html DOM元素并显示_javascript技巧

近日,因工作需要,需要通过点击某个元素后, 动态创建一个DOM元素并显示,因此写了一些相关的JS函数,在此记录,以作备忘: /**//* 动态创建DOM元素的相关函数支持 www.jcodecraeer.com */ /**//* 获取以某个元素的DOM对象 @obj 该元素的ID字符串 */ function getElement(obj) { return typeof obj=='string'?document.getElementById(obj):obj; } /**//* 获取某个

《Excel高手捷径:一招鲜,吃遍天》一第20招 Excel表格中如何在每一行的下面一次性插入一个空白行

第20招 Excel表格中如何在每一行的下面一次性插入一个空白行 Excel高手捷径:一招鲜,吃遍天 工作中有时需要在Excel表格中插入空白行,那么如何在Excel中插入空白行呢?介绍两种方法. 第一种方法按住Ctrl键,并依次单击要插入新行的整行内容,单击鼠标右键,在弹出的右键菜单中选择插入即可.这种方法适合数据量比较少的情况,如果数据量大,一个个单击很慢,如图1-70和图1-71所示. 第二种方法添加辅助列,在现有的数据最后一列添加一列,输入等差数列1,3,5,7,9,-,再在数据区域下方