js 创建dom的几种方式

第一种

// 创建一个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')


你可能感兴趣的:(js,vue,react,javascript,前端,html)