JS 获取替换删除节点
来源:互联网 发布:代理商门店数据分析 编辑:程序博客网 时间:2024/06/06 01:37
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="获取替换删除节点.aspx.cs" Inherits="WebLocation.获取替换删除节点" %>
<!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">
<head runat="server">
<title></title>
<script type="text/javascript">
function CreateNode() {
var pnode = document.createElement('p');
var tnode = document.createTextNode('烟花三月下扬州');
pnode.appendChild(tnode);
document.body.appendChild(pnode);
}
function ReplaceNode() {
var pnode = document.createElement('p');
var tnode = document.createTextNode('故人西辞黄鹤楼');
pnode.appendChild(tnode);
//获取要替换的p节点
var oldnode = document.getElementsByTagName('p')[0];
//oldnode.replaceNode(pnode,oldnode);//此种方法只支持IE
//
oldnode.parentNode.replaceChild(pnode,oldnode);//通用的
}
function RemoveNode() {
var oldnode = document.getElementsByTagName('p')[0];
//oldnode.parentNode返回的是p节点的父节点,这里就是body,然后使用body节点的removeChild方法删除其下面的pnode节点
oldnode.parentNode.removeChild(oldnode);
}
</script>
</head>
<body>
<input id="Button1" type="button" value="创建节点" onclick="CreateNode();" /><br />
<input id="Button2" type="button" value="替换节点" onclick="ReplaceNode();" /><br />
<input id="Button3" type="button" value="删除节点" onclick="RemoveNode();" />
</body>
</html>
- JS 获取替换删除节点
- JS创建替换删除节点
- js的DOM添加删除替换节点
- js创建及操作节点之删除节点、替换节点、插入节点
- 复制,删除,替换节点
- 节点创建删除替换
- jQuery替换删除节点
- js-dom树2(删除,复制,替换节点)
- js DOM节点的创建、插入、删除、查找、替换例子
- JS替换节点
- js删除节点
- js删除元素节点
- js----增加删除节点
- js增加删除节点
- js删除特定节点
- JS删除子节点
- php xml 删除节点 替换节点 修改节点
- js获取节点
- jQuery变化
- log4j 配置详解
- MFC原创:三层架构02(人事管理系统)UI-02 .
- 我的第一个structs框架
- 插件
- JS 获取替换删除节点
- MFC原创:三层架构03(人事管理系统)BLL以及总体说明
- ubuntu 12.10中MyEclipse 10.6+下载+安装+破解
- log4j配置详解
- Cocos2d-x&CocosBuilder 编程《二》
- 优秀程序员无他,善假于物也
- JS table 创建相册
- AppCan VS PhoneGap - 对比两大移动开发平台
- MFC原创:三层架构03(人事管理系统)源程序发布 .