用Javascript动态添加删除HTML元素实例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>用javascript动态添加删除html元素</title>
<script type="text/javascript"><!--
function $(nodeId) {
return document.getElementById(nodeId);
}
function $Name(tagName) {
return document.getElementsByTagName(tagName);
}
function replaceMsg() {
var newNode = document.createElement("P");//创建一个P标签
newNode.innerHTML = "<font color='red'>替换后的文字</font>";
var oldNode = $Name("P")[0];//获取body里面第一个p元素
oldNode.parentNode.replaceChild(newNode,oldNode);//直接替换了标签
}
function removeMsg() {
var node = $("p2");//p标签
var nodeBtn = $("remove");//按钮
//node.parentNode.removeChild(node); //下面效果相同
document.body.removeChild(node);//在body中删除id为P2的元素
//nodeBtn.parentNode.removeChild(nodeBtn);//删除该按钮
document.body.removeChild(nodeBtn);
//document.body.removeNode();执行这条语句将清空body里面的任何元素
}
function addbefore() {
var newNode = document.createElement("p");//创建P标签
//var newText = document.createTextNode("前面添加的元素");
//newNode.appendChild(newText);//与下面效果一样
newNode.innerHTML = "<font color='red'>前面添加的元素</font>";//书写P标签里面的内容
var oldNode = $("p3");//目标标签
//document.body.insertBefore(newNode,oldNode);
oldNode.parentNode.insertBefore(newNode,oldNode);//在目标标签前面添加元素
}
function addlast() {
var newNode = document.createElement("p");//创建P标签
//var newText = document.createTextNode("后面添加的元素");
//newNode.appendChild(newText);//与下面效果一样
newNode.innerHTML = "<font color='red'>后面添加的元素</font>";
var oldNode = $("p3");&n
相关文档：
网络开发者之间正在进行一项攸关网络未来的激烈辩论：是否该继续使用Adobe Flash，或改用更新的技术？
这项争论已持续多年，但上周苹果公司发表的iPad不支持Flash，再次炒热这个话题。在那之前，Adobe曾低姿态地表示，只要苹果点头，他们非常乐意为iPhone提供Flash。但Adobe技术官Kevin Lynch似乎不想再讲客套话，他在2日� ......
模仿jQuey，创建几个包裹节点的方法，发现jQuery的方法很低效啊，下一次他又可以说这几个方法可以提升了多少多少了。原理基本是这样，如果传入的是字符串，那么让它们变成一个元素节点，不过这元素节点也可以有许多层，在最内层把要包裹的元素放进。把字符串变成元素节点的方法有如下几个。1，createElement，IE可以连元素� ......
浏览器：IE 8、FF 3.6、Chrome 4.0、Safari 4.0、Opera 10.1
仅有IE浏览器支持HTMLElement.onresize（比如body.onresize）
其它浏览器只支持window.onresize
先说IE的HTMLElement.onresize
使用前请确定你的心脏及血压正常，如果你定义了
body.onresize = function(){……}或者html.onresize = obj.fun;
......
web开发过程中，有时候从数据库查出来的数据过长，前台页面如果没有控制好，会显示很长的数据，影响美观，这个时候就需要只显示固定的长度，将多余的以“......”或者直接截取不显示，可以使用
text-overflow:cl ......
问题：html元素如何构成文档
解决方案：html是严格的元素层次嵌套结构，元素可以互相嵌套，但是不能重叠。Html将元素划分为3个主要类：结构化元素，块状元素，内联元素。
n 核心的结构化元素：<html><head><body>，<head>中放的是关于文档的信� ......
