节点的常用属性和方法以及document中的createElement方法

最新推荐文章于 2023-04-24 11:21:47 发布

衰小孩、519

最新推荐文章于 2023-04-24 11:21:47 发布

阅读量275

点赞数

分类专栏： JavaWeb 文章标签： javaweb

本文链接：https://blog.csdn.net/A_JOKER___/article/details/121087409

版权

JavaWeb 专栏收录该内容

86 篇文章 0 订阅

订阅专栏

常用属性和方法

请添加图片描述

document的createElement方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        window.onload = function () {
            //现在需要我们使用js代码来创建div标签，并显示在页面上
            // 标签的内容就是:<div>hello world</ div>
            //1.创建div对象
            var divobj = document.createElement("div");
            //2.为div赋值
            //可以直接赋值：divobj.innerHTML = "helle world";
            //也可以创建文本对象，然后添加至div子节点
            var text = document.createTextNode("hello world");
            divobj.appendChild(text);
            //3.将div添加到body中
            document.body.appendChild(divobj);
        }
    </script>
</head>
<body>
</body>
</html>