dom创建

作者: 陈庆香 | 来源:发表于2018-08-01 16:52 被阅读0次

// 创建dom节点(createElement) => 创建一个li节点

var li1=document.createElement('li');

// 给li节点添加内容

li1.innerText='2222222';

// 添加节点的尾部(appendChild) => 把li添加到ul的尾部

document.getElementById('list').appendChild(li1);

// 创建图片节点

var img=document.createElement('img');

// 设置图片的src为百度logo

img.src = 'https://www.baidu.com/img/bd_logo1.png';

// 添加图片到body底部

document.body.appendChild(img);

2020-06-09虚拟（Dom）+Diff算发
虚拟Dom 创建虚拟DOM（创建文件element.js>如何创建Dom以及虚拟Dom渲染真实的Dom）主文件（...
jQuery-dom操作
DOM节点的创建 jQuery节点创建与属性的处理创建元素节点：创建为属性节点： DOM节点的插入 DOM内部...
React基础篇之虚拟DOM
Hello World JS创建虚拟DOM JSX创建虚拟DOM 虚拟DOM与真实DOM 下一篇：React基础篇...
React 笔记
第一个例子虚拟DOM的两种创建方式使用jsx创建虚拟DOM 使用js创建虚拟DOM 关于虚拟DOM 本质是Ob...
学习笔记（十四）Vue Virtual DOM的实现原理
什么是虚拟DOM 虚拟DOM是一个普通的JavaScript对象，用来描述真实的DOM创建虚拟DOM的开销要比创建...
04-老马jQuery教程-DOM节点操作及位置和大小
1. jQuery创建DOM标签 1.1 DOM动态创建标签的方法 DOM时代我们通过document的creat...
JQuery - Dom
Ⅰ、DOM节点的创建 1. JQuery 创建节点 Ⅱ、DOM节点的插入 1. DOM内部插入append()与a...
Vue 基础回顾
Vue 基础结构 h函数：创建虚拟dom render：把h函数创建的虚拟dom返回 $mount：把虚拟dom转...
dom创建
// 创建dom节点(createElement) => 创建一个li节点 var li1=document.cr...
虚拟dom与直接操作dom
虚拟dom document.createDocumentFragment()创建虚拟dom，然后再将虚拟dom替...