js中append,appendChild及innerHTML的认识

最新推荐文章于 2023-06-28 12:42:04 发布

e沐风尘

最新推荐文章于 2023-06-28 12:42:04 发布

阅读量6.1k

点赞数 5

分类专栏： JavaScript 文章标签： append appendChild innerHTML

本文链接：https://blog.csdn.net/qq_43222297/article/details/89786472

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本人是新手，在js的学习中遇到了一些问题，查了许多博客，但对新手来说都不友好，特和大家分享一下自己的理解心得。如有错误谢谢指出。

append用法：
可以同时传入多个节点或字符串，没有返回值。
appendchild用法：
只能传一个节点，且不直接支持传字符串。
innerHTML用法：
添加纯字符串，不能获取内部元素的属性。
下面是我打的代码，可以让大家分清它们的用法。

<!DOCTYPE html>
<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>
   <p>hello world</p>
   <p>谢谢，观看</p>
   <p>请大家多多评论</p>
   <script>
    var newp=document.createElement("p");//创建新的节点 p
    newp.innerHTML="这个是新加的"; //给新创建的节点p 添加内容
    document.body.appendChild(newp); //在第二个节点之前插入新创建的节点
   </script>
</body>
</html>

打印出的效果：
hello world
谢谢，观看
请大家多多评论
这个是新加的
这个是我的博客地址新手不容易。

e沐风尘

关注

5
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
js中append,appendChild及innerHTML的认识

本人是新手，在js的学习中遇到了一些问题，查了许多博客，但对新手来说都不友好，特和大家分享一下自己的理解心得。如有错误谢谢指出。append用法：可以同时传入多个节点或字符串，没有返回值。appendchild用法：只能传一个节点，且不直接支持传字符串。innerHTML用法：添加纯字符串，不能获取内部元素的属性。下面是我打的代码，可以让大家分清它们的用法。<!DOCTYPE...
复制链接

扫一扫