创建元素节点和⾃定义属性
创建元素节点
nodeselector
// 1. 创建节点元素节点
var li = ateElement('li');
// 2. 添加节点 node.appendChild(child)  node ⽗级  child 是⼦级后⾯追加元素类似于数组中的push
var ul = document.querySelector('ul');
ul.appendChild(li);
// 3. 添加节点 node.insertBefore(child, 指定元素);
var lili = ateElement('li');
ul.insertBefore(lili, ul.children[0]);
// 4. 我们想要页⾯添加⼀个新的元素： 1. 创建元素 2. 添加元素
⾃定义属性
var div = document.querySelector('div');
// 1. 获取元素的属性值
// (1) element.属性
console.log(div.id);
//(2) Attribute('属性')  get得到获取 attribute 属性的意思我们程序员⾃⼰添加的属性我们称为⾃定义属性 index        console.Attribute('id'));
console.Attribute('index'));
// 2. 设置元素属性值
// (1) element.属性= '值'
div.id ='test';
div.className ='navs';
// (2) element.setAttribute('属性', '值');  主要针对于⾃定义属性
div.setAttribute('index',2);
div.setAttribute('class','footer');// class 特殊这⾥⾯写的就是class 不是className
// 3 移除属性 removeAttribute(属性)

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。