JS中三种动态创建元素方式的区别

相关文章推荐

从未表白的骆驼 · js处理日期时区问题开发者社区· 3 月前 ·

果断的汤圆 · promise多并发请求方法_js ...· 2 月前 ·

粗眉毛的松鼠 · 在JSP中的java代码中调用js代码 - ...· 2 天前 ·

干练的火柴 · java调用python代码并传参和获取结果 ...· 2 年前 ·

不要命的菠萝 · 条件变量：为什么要与互斥锁配套使用？为什么要 ...· 2 年前 ·

考研的乌龙茶 · include - Perl : ...· 3 年前 ·

胆小的青椒 · Google TTS怎么用?· 3 年前 ·

document.write('<div>345</div>');

<body>
    <button>点击按钮</button>
    <p>123</p>
    <script>
        var btn = document.querySelector('button');
        btn.onclick = function () {
            document.write('<div>345</div>');
    </script>
</body>

    <div class="inner">
    <script>
        var inner = document.querySelector('.inner');
        inner.innerHTML = '<a href="#">百度</a>';
    </script>

    //数组形式拼接
        var array = []
        for (var i = 0; i < 1000; i++) {
            array.push('<div style="width:100px;height:2px; border:1px solid blue;"></div> ');
        document.body.innerHTML = array.join('');

    <div class="inner">

推荐文章

从未表白的骆驼 · js处理日期时区问题开发者社区

3 月前

果断的汤圆 · promise多并发请求方法_js promise.allsettled并发请求

2 月前

粗眉毛的松鼠 · 在JSP中的java代码中调用js代码 - Wcy100

2 天前

干练的火柴 · java调用python代码并传参和获取结果（亲测可用）_java调用python接口,传参json对象_陵先生的笔记本的博客-CSDN博客

2 年前

不要命的菠萝 · 条件变量：为什么要与互斥锁配套使用？为什么要使用while来避免虚假唤醒？_条件变量外面加while的作用____波子 Pro Max.的博客-CSDN博客

2 年前

考研的乌龙茶 · include - Perl : constant & require - Stack Overflow

3 年前

胆小的青椒 · Google TTS怎么用?

3 年前

岳泽以

JS中三种动态创建元素方式的区别

document.wirte()

element.innerHTML

document.creatElement()