原生js操作DOM

  • A+
所属分类:前端工程

现在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
  • 公众号
  • 扫一扫
  • weinxin
  • 打赏
  • 扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: