在Javascript中显示HTML If else语句

时间:2012-12-20 13:32:19

标签: php javascript html css document.write

  

可能重复:
  javascript - document.write error?

我有一段Javascript,我正在使用它来检查div是否是某种样式,然后运行if else语句:

window.onload = function () {
    if (document.getElementById('slidingDiv').style.display == 'none') {
        document.write('<a href="#show" class="show_hide"><img src="images/show-more-arrow.jpg" width="61" height="45"></a>');
    } else {
        document.write('<a href="#show" class="show_hide"><img src="images/show-less-arrow.jpg" width="61" height="45"></a>');
    }
};

这可行,但它只在屏幕上显示此HTML图像。我需要它将HTML添加到页面上的现有代码。

非常感谢

2 个答案:

答案 0 :(得分:7)

使用appendChildinnerHTML

示例:

document.getElementById("elemId").innerHTML = '<a href="#show" class="show_hide"><img src="images/show-less-arrow.jpg" width="61" height="45"></a>'

答案 1 :(得分:2)

var wrapper = document.createElement('div');
var image = document.createElement('img');
image.src='images/show-more-arrow.jpg';
wrapper.appendChild(image);

像这样。