复制代码 代码如下:
<html>
<head>
<script type="text/javascript">
function test(){
//createElement() 创建一个指定标签名的元素[比如:动态创建超链接]
var createa=document.createElement("a");
createa.id="a1";
createa.innerText="连接到百度";
createa.href="http://www.baidu.com";
//createa.color="green" ////添加颜色(不要忘记style属性，不然没有效果)
createa.style.color="green"
//添加默认位置--body 并且添加子节点
//document.body.appendChild(createa);
//放置指定位置
document.getElementById("div1").appendChild(createa);
}
function test2(){
//指定位置删除节点removeChild()
document.getElementById("div1").removeChild(document.getElementById("a1")); //id 名重复 js只取第一个
}
</script>
</head>
<body>
<!--动态创建元素-->
<input type="button" value="创建一个a标签" onclick="test()"/><br/>
<input type="button" value="删除创建一个a标签" onclick="test2()"/>
<div id="div1" style="width:400px;height:300px;border:1px solid silver">
</div>
</body>
</html>
复制代码 代码如下:
<html>
<head>
<script type="text/javascript">
function test(){
//createElement() 创建一个指定标签名的元素[比如:动态创建超链接]
var createa=document.createElement("a");
createa.id="a1";
createa.innerText="连接到百度";
createa.href="http://www.baidu.com";
//createa.color="green" ////添加颜色(不要忘记style属性，不然没有效果)
createa.style.color="green"
//添加默认位置--body 并且添加子节点
//document.body.appendChild(createa);
//放置指定位置
$("div1").appendChild(createa);
}
function test2(){
//指定位置删除节点removeChild()
$("div1").removeChild($("a1"));
}
//定义一个函数 返回给定id的对象
function $(id){
return document.getElementById(id);
}
</script>
</head>
<body>
<!--动态创建元素-->
<input type="button" value="创建一个a标签" onclick="test()"/><br/>
<input type="button" value="删除创建一个a标签" onclick="test2()"/>
<div id="div1" style="width:400px;height:300px;border:1px solid silver">
</div>
</body>
</html>
相关推荐：
ChatGPT故障你从未听过的真相，究竟是什么让它偶尔“失灵”？,ai 图片 矢量
SEO优化的话题：助力企业成功的关键,夏杰ai智能管家
用AI批量下载工具，高效管理你的文件和资源
AI一键生成文章，写作新境界
SEO留痕：数字营销的隐性力量，如何通过SEO优化让品牌更具竞争力,铁岭网站关键词建设优化
seo适合什么行业，seo适合的行业 ,在ai如何矢量化
AI自动生成：开启智能时代的无限可能,ai熊熊图片
SEO就业前景如何？打造数字时代的职业新风口,常州武进区水产网站建设
什么是seo手段，seo的具体手段 ,中国ai 企业
目前最火的AI软件有哪些？深度解析必备工具
ChatGPTCanvex打不开？详细分析及解决方法助你顺利使用,ai2.5d网格线去除
ChatGPTApp怎么调大字体？提升阅读体验，让文字更清晰,推荐ai音频
SEO差价如何用SEO优化帮助企业实现成本与效益的完美平衡,盐城seo收费贵吗
优化服务网-提升客户体验，打造全方位智慧服务平台,东莞网站建设员招聘信息
SEO优化全攻略提升网站排名的关键步骤与未来趋势,这是什么新晋动画ai
ChatGPT维护-智能时代的数字助手，如何让你的工作更高效,ai智能救援
ChatGPT翻译打不开？解决方法！,ai爱股票
SEO立刻：快速提升网站排名，带你走在搜索引擎前沿,网站建设怎么推广好做
专业关键词助力SEO优化，让你的内容脱颖而出,东营响应式网站优化
未来工作方式！AI在线工具让效率倍增，工作变轻松
AI工具，让工作效率翻倍：AI工具教程全面解析
“新热度”：引领潮流的力量，如何趋势的脉搏,浙江通用网站建设特点
SEO策划：让你的网站迅速脱颖而出的秘诀,seo优化和技巧
SEO招标：如何通过专业SEO服务助力企业脱颖而出,牡丹江关键词排名怎么样
SEO优化如何进行：提升网站排名，轻松超越竞争对手,ai写作怎么操作手机
GoogleGTP-智能时代的革命性突破，人工智能的新纪元,ai可以降论文ai率吗
SEO定价策略：如何根据企业需求定制最佳价格方案,教育培训抖音营销推广
“洗稿技巧如何让你的文章脱颖而出，轻松提升内容创作水平！”,台州椒江seo企业排名
好用的AI写作工具，提升写作效率与创意的最佳选择
ChatGPT怎么打不开了？解决办法，轻松恢复畅通无阻！,ai订酒店ai对话
AI写作免费一键生成下载，助您轻松创作！
乘风SEO：突破困境，领航网络营销新时代,武汉靠谱的关键词排名
在线AI文章生成：内容创作新革命
SEO优化排-打造高效的网络营销利器,精神AI
SEM有哪几个平台？数字营销的多元选择,AI怎么取消移动间距
SEO有意：如何通过优化策略提升网站排名与流量,天津政府智慧网站建设
SEO优化基础：让你的网站脱颖而出的秘密武器,模仿猫ai
如何通过AI写文章，轻松提高写作效率与质量
seo网站是什么东西，seo网站是什么东西啊 ,ai锯齿消失
SEO流程全解析：如何提升网站流量与排名,账号如何营销推广
AI软件不用登录，让你的工作更高效轻松,智能ai写作改稿怎么改
seo词库优化，搜索词条优化 ,ai点选择
seo需要什么人员，seo需要什么技能 ,画大学ai
SEO运营工作是什么，seo公司运营 ,720516AI
“多网建站”助力企业跨越发展，开启全新数字化时代,海南网站优化电池
ChatGPT不能访问，我的学术水平直线下降,泰州大数据ai艾灸价格
GoogleGPT-引领未来智能对话的革命,灵境ai画质
SEO目的：如何通过精准优化提高网站流量与转化率,百度推广网站关键词
SEO好吗？助力网站成功的关键之道,网站优化方案范文怎么写
AI一键生成文章免费：革新写作方式，提升创作效率
新闻资讯
常见问题