原生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

发表评论

发表评论