我需要一些Javascript和CSS帮助。我有一个工作正常的脚本,但是当我在顶部执行过滤功能时,我的CSS将不会运行,只有过滤后的结果将显示在HTML页面中。在执行JavaScript时寻求建议。运行javascript无法运行CSS
<script>
var createTable = function(){
var street = document.getElementById("search-street").value;
var suburb = document.getElementById("search-suburb").value;
var pc = document.getElementById("search-pc").value;
var type = document.getElementById("search-type").value;
var counter=0;
if (street == '' && suburb == '' && pc == '' && type == '') {
for(i=0;i<myArray.length;i++){
var id = myArray[i][4];
if(counter%3==0){
document.write("<div class='row'>");
}
document.write("<div class='col-sm-6 col-md-4'>");
document.write("<div class='thumbnail'>");
document.write("<div class='caption'>");
document.write("<p>" + myArray[i][3] + "</p>");
document.write("<p><a href='edit_property.php?id="+id+"' class='btn btn-default' role='button'>Edit</a> <a href='#delete_property.php?id="+id+"' class='btn btn-danger' role='button'>Delete</a></p>");
document.write("</div>");
document.write("</div>");
document.write("</div>");
counter++;
if(counter%3==0){
document.write("</div>");
}
}
} else {
for(i=0;i<myArray.length;i++){
var id = myArray[i][4];
if(counter%3==0){
document.write("<div class='row'>");
}
if(street==myArray[i][0] || suburb==myArray[i][1] || pc==myArray[i][2] || type==myArray[i][3]){
document.write("<div class='col-sm-6 col-md-4'>");
document.write("<div class='thumbnail'>");
document.write("<div class='caption'>");
document.write("<p>" + myArray[i][3] + "</p>");
document.write("<p><a href='edit_property.php?id="+id+"' class='btn btn-default' role='button'>Edit</a> <a href='#delete_property.php?id="+id+"' class='btn btn-danger' role='button'>Delete</a></p>");
document.write("</div>");
document.write("</div>");
document.write("</div>");
counter++;
}
if(counter%3==0){
document.write("</div>");
}
}
}
}
createTable();
</script>
哪里CSS?你是什么意思,“CSS不会运行”? – nnnnnn
我会考虑使用比20世纪90年代的'document.write'更先进的技术 - 说过,你说你的'CSS不会运行' - 并且你还没有发布任何CSS –