JavaScript新手求助：为创建的DOM元素设置ID失败问题

嘿，作为JavaScript新手遇到这种小问题太正常啦！我帮你看看代码里的问题：

你写的b3.setIdAttribute("id","b3");是错误的——JavaScript里根本没有setIdAttribute这个方法，这就是ID设置不生效的原因！

正确设置元素ID的两种方式： #

• 方式一：用你熟悉的setAttribute方法，和设置class的逻辑一致：

  b3.setAttribute("id", "b3");
  

• 方式二：更直接地给元素的id属性赋值（这也是日常开发中更常用的写法）：

  b3.id = "b3";
  

修正后的完整代码： #

var d1 = document.createElement("div");
d1.setAttribute("class", "container");
var b3 = document.createElement("button");
b3.setAttribute("class", "btn btn-default");
b3.innerHTML = "View More";
// 替换掉错误的setIdAttribute，用下面两种方式之一
b3.id = "b3"; 
// 或者 b3.setAttribute("id", "b3");
d1.appendChild(b3);

这样修改后，button元素的ID就能正常设置啦～以后遇到DOM操作的问题，记得优先查DOM元素的标准属性和方法哦！

内容的提问来源于stack exchange，提问作者Poorna Senani Gamage