javascript简单功能删除布局

Question

我有一个JQuery，Javascript，HTML网站。我做了一个简单的函数来打击文本，如果它不等于0.

该函数似乎工作，但页面中的其他内容都消失了。我只看到了我的文字。

productPrice应striked和salePrice不罢工...该功能的作品，但布局变得混乱。帮帮我 ？

的文本显示像这样我的网页上：

<label id="productPrice">Price</label> 
     <label id="salePrice">Sale Price</label> 

继承人的代码，我可以根据需要提供更多。

功能

if (product.price != 0); 
{ 
    var salePrice = product.price; 
    document.write(salePrice.strike()); 
} 

阵列

var catalog = {"products": [ 
{"thumbnail": '/pub/3/resources/ti/store/mobile/chrome.png', 
    "brand": "Google", 
    "name": "Chrome", 
    "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", 
    "rating": '5', 
    "sale_price": "0.00$", 
    "sale_desc": "", 
    "price": "0.00$"}, 

参数

$('#productPrice').html(product.price); 

Answer 1

document.write()是消除一切从网页，但你写的东西。这就是它的工作原理。您现在可以试用它，将javascript: document.write("Gone");放入您的地址栏中，页面将以同样的方式消失。

另外，你的if语句后面还有一个分号，所以你的代码将始终运行。

if (product.price !== 0) { 
    document.getElementById('productPrice').style.textDecoration = 'line-through'; 
} 

或

if (product.price !== 0) { 
    $('#productPrice').css('text-decoration', 'line-through'); 
}