DOM对象操作HTML元素和消息对话框(alert,confirm,prompt)(二)
如果你是真的学习请把下面的敲一遍
<div id="divid">
<p id="pid">div内的p元素</p>
nihaoya
</div>
function getParentNode(){
var childNode=document.getElementById("pid");
var parentnode = childNode.parentNode;
alert(parentnode.nodeName);
}
function createElementNode(){
var body=document.body;
var input=document.createElement("input");
input.type="button";
input.value="按钮";
input.onclick=function(){
alert("我是使用document.createElement(\"input\")创建的一个按钮");
}
body.appendChild(input);
}
function createTextNode(){
var body=document.body;
var text=document.createTextNode("wojiaoyangmaotou");
body.appendChild(text);
}
function insertBefore(){
var div=document.getElementById("divid");
var pid=document.getElementById("pid");
var childnode=document.createTextNode("输入的用户名或密码错误");
div.insertBefore(childnode,pid);
}
function removechild(){
var div=document.getElementById("divid");
var pid=document.getElementById("pid");
div.removeChild(pid);
}
function getsize(){
var width=document.body.offsetWidth||document.documentElement.offsetWidth;
var height=document.body.offsetHeight||document.documentElement.offsetHeight;
alert(width+","+height);
}
//getParentNode();
//createElementNode();
//createTextNode();
//insertBefore();
//removechild();
getsize();
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 数据库服务器 SQL Server 版本升级公告
· 程序员常用高效实用工具推荐,办公效率提升利器!
· C#/.NET/.NET Core技术前沿周刊 | 第 23 期(2025年1.20-1.26)