js dynamic create dom elements All In One

js dynamic create dom elements All In One

js

    function parseSimpleText () {
        console.log('\nschema, ', schema);
        console.log('schema.props, ', schema.props);
        console.log('onlyEdit, ', onlyEdit);
        const  text = 'WTF';
        const divTag = document.createElement('div');
        divTag.insertAdjacentHTML('beforeend', `<p style="width: 100%; height: 100%; color: red;">${text}</p>`);
        return divTag;
        // return `<p>${text}</p>`;
        // return $(`<p>${text}</p>`)[0];
    }

jquery

    function parseSimpleText () {
        console.log('\nschema, ', schema);
        console.log('schema.props, ', schema.props);
        console.log('onlyEdit, ', onlyEdit);
        const  text = 'WTF';
        // return `<p style="width: 100%; height: 100%;" >${text}</p>`;
        return $(`<p style="width: 100%; height: 100%;" >${text}</p>`)[0];
    }

refs

https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement

https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentElement

---

---

©xgqfrms 2012-2020

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---