Javascript 在添加DOM之前，创建一个html元素并按id查找div

我试图在插入文档之前（在

main.appendChild（newDiv）；

找到id为旧价格的

div

，并将其删除

p、 美国：不能使用JQuery

我已经试过了：

newDiv.getElementById（“旧价格”）.innerHTML=“”

但它不起作用

任何帮助都将不胜感激

var divString=“红色条纹黑鞋250
250
BUY”；
var newDiv=document.createElement（'div'）；
newDiv.innerHTML=divString；
//删除id为旧价格的div
var main=document.getElementById（“main”）；
main.appendChild（newDiv）
使用
newDiv.querySelector（“旧价格”）.remove（）


var divString=“红色条纹黑鞋250
250
BUY”；
var newDiv=document.createElement（'div'）；
newDiv.innerHTML=divString；
//删除id为旧价格的div
newDiv.querySelector（“旧价格”）.remove（）
var main=document.getElementById（“main”）；
main.appendChild（newDiv）
您可以尝试通过以下方式隐藏它：

document.getElementById("old-price").style.display = 'none';

或将其作为子元素从父元素中删除（替换父ID）：

试试这个：

var divString = "<div class='col-xs-12 col-sm-6 col-md-4 col-lg-4'>     <div class='thumbnail'>         <h1 class='text-center'> Black Shoes with red stripes </h1>         <img src='img/02.jpg'>         <small id='old-price' class='old-price'>250</small>         <p class='price'>250</p>         <a class='btn btn-primary'>BUY</a>     </div> </div> ";
var newDiv = document.createElement('div');
newDiv.innerHTML = divString;

//remove the old price
newDiv.getElementsByClassName("old-price")[0].innerHTML=""; 

var main = document.getElementById("main");
main.appendChild(newDiv);

var divString=“红色条纹黑鞋250
250
BUY”；
var newDiv=document.createElement（'div'）；
newDiv.innerHTML=divString；
//取消旧价格
newDiv.getElementsByClassName（“旧价格”）[0]。innerHTML=“”；
var main=document.getElementById（“main”）；
main.appendChild（newDiv）；
问题是我想在添加到DOM之前删除div，这就是我没有尝试使用
文档的原因，谢谢你的回答。这是真的…：）对不起，我失败了！谢谢我想我也会使用它（在另一个场景中）为什么
getElementsByClassName
在
getElementById
不起作用的时候起作用？
var divString = "<div class='col-xs-12 col-sm-6 col-md-4 col-lg-4'>     <div class='thumbnail'>         <h1 class='text-center'> Black Shoes with red stripes </h1>         <img src='img/02.jpg'>         <small id='old-price' class='old-price'>250</small>         <p class='price'>250</p>         <a class='btn btn-primary'>BUY</a>     </div> </div> ";
var newDiv = document.createElement('div');
newDiv.innerHTML = divString;

//remove the old price
newDiv.getElementsByClassName("old-price")[0].innerHTML=""; 

var main = document.getElementById("main");
main.appendChild(newDiv);