JavaScript----DOM基础知识（三）动态创建标签

最新推荐文章于 2023-09-07 09:58:22 发布

yufanhui

最新推荐文章于 2023-09-07 09:58:22 发布

阅读量1.7k

点赞数

分类专栏： javascript DOM BOM 文章标签： html createElement getElementById appendChild script

本文链接：https://blog.csdn.net/yufanhui/article/details/81041114

版权

JavaScript不仅可以用来改变网页的结构和内容，还可以通过创建新元素和修改现有元素来改变网页结构。在学习利用DOM方法在web浏览器中添加标记时，常常能想到document.write（）和element.innerHTML方法，但是，不推荐使用这两种方法。这两种方法都右一种共同的弊端：结构、样式、行为没有分离。例如：<html lang="en"><head> ...

摘要由CSDN通过智能技术生成

JavaScript不仅可以用来改变网页的结构和内容，还可以通过创建新元素和修改现有元素来改变网页结构。

在学习利用DOM方法在web浏览器中添加标记时，常常能想到document.write（）和element.innerHTML方法，但是，不推荐使用这两种方法。

这两种方法都右一种共同的弊端：结构、样式、行为没有分离。

例如：

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript">
    document.write("<p>hello world</p>")
    </script>
</body>
</html>

最低0.47元/天解锁文章

yufanhui

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaScript----DOM基础知识（三）动态创建标签

JavaScript不仅可以用来改变网页的结构和内容，还可以通过创建新元素和修改现有元素来改变网页结构。在学习利用DOM方法在web浏览器中添加标记时，常常能想到document.write（）和element.innerHTML方法，但是，不推荐使用这两种方法。这两种方法都右一种共同的弊端：结构、样式、行为没有分离。例如：&lt;html lang="en"&gt;&lt;head&gt; ...
复制链接

扫一扫

专栏目录