JavaScript 技术篇-js创建dom节点,并设置属性

时间:2022-07-25
本文章向大家介绍JavaScript 技术篇-js创建dom节点,并设置属性,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

document.createElement() 是创建节点的方法。 setAttribute() 是设置属性的方法。

  var s_div = document.createElement('div');   // 创建节点
  s_div.setAttribute("id", "copy");   // 设置属性
  s_div.innerText = "吃饭";   // 设置text值
  document.body.appendChild(s_div);   // 添加节点

可用看到效果图: 已经加入到 body 节点里的最下面位置了,而且样式就如我所设置的一样。