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();

posted @   杨MT  阅读(334)  评论(0编辑  收藏  举报
编辑推荐:
· 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)
点击右上角即可分享
微信分享提示