本人是新手,在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
谢谢,观看
请大家多多评论
这个是新加的
这个是我的博客地址新手不容易。