聆听风声 点点滴滴都很珍贵!

原生js操作DOM


现在js的框架很多很多,不过我们有时候不需要去加载一个很大的js插件库。使用原生的js同样可以完成任务。

js给标签添加子元素

给div中添加li标签

<div id='div'>

</div>



var divNode=document.getElementById('div');
var liNode=document.createElement('li');
divNode.appendChild(liNode);

js获取input的value值

<input id='name' type='text' value=''>



var inputValue=document.getElementById('name').value;

js给标签添加属性

<div id='div'></div>



var divNode=document.getElementById('div');
var liNode=document.createElement('li');
liNode.setAttribute('id','li');//给li添加id,id名为li

Comments

Content