getElementByID、createElement、appendChild几个DHTML元素
更新时间：2008年06月25日 21:17:24 作者：
WEB标准下可以通过getElementById(), getElementsByName(), and getElementsByTagName()访问
appendChild方法的使用
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<script language="javascript">
//生成与输入内容匹配行
function setNames() {
completeBody = document.getElementById("complete_body");
var row, cell, txtNode;
//var nextNode = names[i].firstChild.data;
row = document.createElement("tr");
cell = document.createElement("td");
cell.setAttribute("bgcolor", "#FFFAFA");
cell.setAttribute("border", "0");
//txtNode = document.createTextNode(nextNode);
alert("sdf");
var newText = document.createTextNode("This is the second paragraph.");
//txtNode=document.createElement("div");
alert("sdf1");
cell.appendChild(newText);
alert("sdf2");
row.appendChild(cell);
completeBody.appendChild(row);
}
</script>
<body>
<input type="submit" name="sdf" onclick="setNames()">
<table id="complete_table" bgcolor="#FFFAFA" border="0"
cellspacing="0" cellpadding="0" />
<tbody id="complete_body"></tbody>
</table>
</body>
</html>
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
createElement
<html>
<head>
<title>createElement</title>
<script language="javascript">
<!--
var i=0 ;
function addInput() {
var o = document.createElement("input");
o.type = "button" ;
o.value = "按钮" + i++ ;
o.attachEvent("onclick",addInput);
document.body.appendChild(o);
o = null;
}
//-->
</script>
</head>
<body onload="addInput();">
</body>
</html>
相关文章
有时候出于某种需要，不希望用户可以选择某个区域，进行下面的操作，这里给出简单的代码。2010-04-04
这次为大家带来的小游戏是：打飞机。呃。。。我本人就写不出什么惊天大作的游戏的了，只能写写小游戏，代码量小，又可以学习，主要是想法思路，代码量大，估计也没啥人会去研究学习。。。2010-10-10
本篇文章小编为大家介绍，关于JS判断图片是否加载完成且获取图片宽度的方法，有需要的朋友可以参考一下2013-04-04
在一些网页广告中提供的JS代码可以进行代码注入，然后监视各种元素，下面有个示例，大家可以参考下2014-04-04
这篇文章主要是对用javascript添加控件自定义属性进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
这篇文章主要介绍了详解ES6中的三种异步解决方案，详细的介绍了这三种方案的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
这篇文章主要介绍了javascript内嵌式与外链式的基本应用方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2021-12-12
这篇文章主要介绍了js静态检查工具eslint配置文件的相关知识，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧2018-11-11
这篇文章主要为大家介绍了JavaScript的内置对象Math和字符串，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-11-11
本文主要对自动生成博客目录的具体实现方法进行介绍，需要的朋友可以看看2016-12-12
最新评论