导航:首页 > 编程语言 > jscreateelementjs

jscreateelementjs

发布时间:2024-06-10 22:35:18

㈠ 关于js动态创建表格

function autocreate(){
//创建table表格
var table=document.createElement("table");
table.setAttribute("border","1");
table.setAttribute("background","red");
//获取行数值
var line=document.getElementById("line").value;
//获取列数值
var list=document.getElementById("list").value;
for(var i=1;i<=line;i++){
//alert(line);
//创建tr
var tr=document.createElement("tr");
for(var j=1;j<=list;j++){
//alert(list);
//创建td
var td=document.createElement("td");
td.innerHTML=i*j;
tr.appendChild(td);
}
table.appendChild(tr);
}
document.getElementById("d1").appendChild(table);
}

㈡ JS控制创建DIV并且控制DIV出现的位置

1、js创建div的语法是createElement("div")。知道这个我们就可以直接写个简单的函数先创建一个div。并添加到对应的dom元素中,可能是body窗体上也可以是div内。
2、至于控制位置,则是通过js给div添加class。通过css样式来控制。具体如下:
function cDiv(){
var bb = document.body; //document.getElementById("div");
var div = document.createElement("div");
div.id = "div1";
div.className = "div1";
div.innerHTML = "div1";
bb.appendChild(div);
}
cDiv();

3、为了让函数执行,必须吧函数放入到</body>上面。这样才有效果

javascript createElement()

鐢熸垚鏂扮殑绋跨寷寰¤妭鐐癸紝浠g爜濡備笅锛
<html><body>
<div id="father">
<div id="閿宀ヽhild1">hello!</div>
</div>
<script>
var ft = document.getElementById("father");
var c2 = document.createElement("div");
c2.id="child2";
ft.appendChild(c2);
c2.innerHTML="this is createElement test!";
</script>
</body></html>
杩欐牱灏嗚緭鍑猴細鐭ヤ腑
hello!
this is createElement test!

㈣ 用原生js怎么动态添加一个js文件

如果需要复用原生js动态的加载另外一个制js文件,可以使用原生js的document.createElement方法创建script节点,然后更改该节点的type和src属性,最后通过appendChild方法将该节点动态添加到html中,这样就可以了,参考代码如下:
var new_element = document.createElement("script");//创建新的script节点new_element.setAttribute("type", "text/javascript");new_element.setAttribute("src", "../js/jquery.js");document.body.appendChild(new_element);//添加到body节点的末尾
上例中是在body的最末尾添加的,当然同样可以在head中添加引用该js的标签:document.head.appendChild(new_element);

㈤ 怎么用javascript创建表格

方法一:最原始的方法,创建一一元素

vara1=document.createElement("table");
vara2=document.createElement("tbody");
vara3=document.createElement("tr");
vara4=document.createElement("td");
//开始appendchild()追加各个元素
a3.appendChild(a4);
a2.appendChild(a3);
a1.appendChild(a2);

方法二:利用table对象里面含有的函数:插入行和插入列

vartabNode=document.createElement("table");
vartrNode=tabNode.insertRow();
vartdNode=trNode.insertCell;
tabNode.innerHTML="这是采用table对象里面的函数创建的"
注意:利用原始方法,一个个createElement时候,必须要添加一个tbody对象

动态的创建和删除:
创建表格,通过输入的值:

functioncreateTable(){
tableNode=document.createElement("table");//获得对象
tableNode.setAttribute("id","table")
varrow=parseInt(document.getElementsByName("row1")[0].value);//获得行号
//alert(row);
if(row<=0||isNaN(row)){
alert("输入的行号错误,不能创建表格,请重新输入:");
return;
}
varcols=parseInt(document.getElementsByName("cols1")[0].value);
if(isNaN(cols)||cols<=0){
alert("输入的列号错误,不能创建表格,请重新输入:");
return;
}
//上面确定了现在开始创建
for(varx=0;x<row;x++){
vartrNode=tableNode.insertRow();
for(vary=0;y<cols;y++){
vartdNode=trNode.insertCell();
tdNode.innerHTML="单元格"+(x+1)+"-"+(y+1);
}
}
document.getElementById("div1").appendChild(tableNode);//添加到那个位置
}

删除行:

functiondelRow(){
//要删除行,必须得到table对象才能删除,所以在创建的时候必须要设置table对象的id方便操作
vartab=document.getElementById("table");//获得table对象
if(tab==null){
alert("删除的表不存在!")
return;
}
varrows=parseInt(document.getElementsByName("delrow1")[0].value);//获得要删除的对象
if(isNaN(rows)){
alert("输入的行不正确。请输入要删除的行。。。");
return;
}
if(rows>=1&&rows<=tab.rows.length){
tab.deleteRow(rows-1);
}else{
alert("删除的行不存在!!");
return;
}
}

删除列:

//删除列要麻烦些,要通过行来进行删除
//一行的cells的长度就是列的个数
//tab.rows[x].deleteCell(cols-1)
functiondelCols(){
//获得table对象
vartab=document.getElementById("table");
if(tab==null){
alert("删除的表不存在!!");
return;
}
//获得文本框里面的内容
varcols=parseInt(document.getElementsByName("delcols1")[0].value);
//检查是否可靠
if(isNaN(cols)){
alert("输入不正确。请输入要输出的列。。");
return;
}
if(!(cols>=1&&cols<tab.rows[0].cells.length)){
alert("您要删除的行不存在!!");
return;
}
for(varx=0;x<tab.rows.length;x++){//所有的行
tab.rows[x].deleteCell(cols-1);
}
}

㈥ js用createElement创建一个a标签时怎样让这个标签带着href链接呢

var x=createElement("a");
x.href="";
把创建节点语句付给变量,用变量变量附上href即可,其他属性同样可用该方法

阅读全文

与jscreateelementjs相关的资料

热点内容
手机文件管理放在桌面上 浏览:407
qq飞车不支持方向盘 浏览:931
京东卡怎么在app上使用 浏览:841
程序文件中的内容是什么 浏览:591
电脑桌面文件夹显示找不到应用程序 浏览:949
微微网络电话苹果版 浏览:927
阿里大数据库怎么散热 浏览:956
删除文件后重装了系统 浏览:744
如何扫描文件成电子档 浏览:531
win7共享win10打印机如何打印文件 浏览:388
海马定位安卓版 浏览:227
mysql同步数据库结构 浏览:107
打开方式怎么添加压缩文件 浏览:679
怎么插入单页网站 浏览:430
压缩文件过大发不过去怎么办 浏览:17
苹果手机无线传输文件 浏览:647
怎么把aep文件转换为gif 浏览:727
人寿保险app如何更改银行卡账号 浏览:713
食品生产风险大数据 浏览:718
文件ftp格式怎么转换成cad 浏览:117

友情链接