js 创建dom的几种方式

最新推荐文章于 2024-08-27 15:59:21 发布

stpzhf

最新推荐文章于 2024-08-27 15:59:21 发布

阅读量693

点赞数 11

分类专栏： js vue react 文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/stpzhf/article/details/135410697

版权

vue 同时被 3 个专栏收录

13 篇文章 0 订阅

订阅专栏

8 篇文章 0 订阅

订阅专栏

react

1 篇文章 0 订阅

订阅专栏

第一种

// 创建一个div元素
let divElement = document.createElement('div');

第二种


// 创建一个带有文本内容的p元素
let pElement = document.createElement('p');
pElement.innerHTML = '这是一个段落';

第三种

// 创建一个包含多个子元素的ul元素
let ulString = `<ul>
                  <li>项目1</li>
                  <li>项目2</li>
                  <li>项目3</li>
               </ul>`;
let ulElement = document.createRange().createContextualFragment(ulString);

js设置class属性的方式

1.通过setAttribute
 containerDom.setAttribute('class', 'decision-node')

2.通过classList 
iconContainerDom.classList = ['icon-box', this.options.className]
iconContainerDom.classList.add('xxxx')