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, 禁止转载 🈲️,侵权必究⚠️!
本文首发于博客园,作者:xgqfrms,原文链接:https://www.cnblogs.com/xgqfrms/p/15584520.html
未经授权禁止转载,违者必究!