append与appendChild的区别?

append与appendChild的区别?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table border="2" id="mytable">

</table>
<script>
    let mytable = document.getElementById("mytable");

    for (let i = 0; i < 20; i++) {
        let tr = document.createElement("tr");
        mytable.append(tr);
        for (let j = 0; j < 12; j++) {
            let td = document.createElement("td");
            td.innerText = (i+1)*(j+1)
            tr.append(td);
        }
    }
</script>
</body>
</html>

我这里用了append,但也尝试了appendChild,输出好像没有啥区别嘛

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,问题解答如下:

1、appendChild()只能追加node节点,不能追加字符串

http://img1.sycdn.imooc.com//climg/5ff55c95091752f412540747.jpg

appendChild有返回值,返回创建的节点

http://img1.sycdn.imooc.com//climg/5ff55cac09a4f1d710290327.jpg

2、append()可以追加节点和字符串

http://img1.sycdn.imooc.com//climg/5ff55cc909e6857c10900306.jpg

append()没有返回值

http://img1.sycdn.imooc.com//climg/5ff55cdf0998547d10070349.jpg

3、当前代码是追加节点,所以使用append()和appendChild()哪个都可以。

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师