IE Firefox dom问题

最新推荐文章于 2024-02-12 15:00:00 发布

amp_bmp

最新推荐文章于 2024-02-12 15:00:00 发布

阅读量81

点赞数

分类专栏： dom 文章标签： IE Firefox JavaScript PHP 浏览器 ViewUI

dom 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<title>Document Object Model</title>
<script lanage="javascript">

function insert()
{

var table = document.getElementsByTagName("table")[0];
var tdnode = document.createElement("td");
var trnode = document.createElement("tr");
var text = document.createTextNode("sina");
tdnode.appendChild(text);
var att = document.createAttribute("bgcolor");
att.nodeValue = "#ffffff";
tdnode.setAttributeNode(att);
trnode.appendChild(tdnode);
table.appendChild(trnode);

}
function deletee()
{
try
{
var table = document.getElementsByTagName("table")[0].childNodes[0];
table.removeChild(table.lastChild);
}
catch(e)
{
alert(e.message);
}
}
</script>
</head>
<body>
<form name="do">
<input type="button" name="ins" id="ins" class="ins" value="Insert" οnclick="insert()" />
<input type="button" name="del" id="del" class="del" value="delete" οnclick="deletee()" />
<input type="button" value="count" name="c" οnclick="alert(document.getElementsByTagName('td').length)" />
</form>

<table border="0" cellpadding="0" cellspacing="1" width="260" bgcolor="#5f9ea0">

</table>
</body>
</html>